/*
 * Tema "Papel y tinta" — un acento (azul noche).
 * Legible, serio, adecuado para derechos humanos y memoria.
 */
:root {
    /* Fondos (papel) */
    --bg-body: #fafaf8;
    --bg-header: #1e3a5f;
    --bg-header-light: rgba(30, 58, 95, 0.98);
    --bg-section: #f7f6f3;
    --bg-section-alt: #eeece8;
    --bg-card: #ffffff;
    --bg-hero-overlay: linear-gradient(135deg,
        rgba(30, 58, 95, 0.88) 0%,
        rgba(44, 82, 130, 0.75) 45%,
        rgba(44, 82, 130, 0.5) 100%);

    /* Texto (tinta) */
    --text: #2d2a26;
    --text-muted: #5c5650;
    --text-light: #7a756f;
    --text-on-dark: #fafaf8;

    /* Acento único: azul noche */
    --accent: #2c5282;
    --accent-dark: #1e3a5f;
    --accent-light: #4a5568;
    --accent-soft: rgba(44, 82, 130, 0.12);

    /* Bordes y líneas */
    --border: #e0ddd8;
    --border-light: #ebe9e5;

    /* Botones y enlaces */
    --btn-primary: #2c5282;
    --btn-primary-hover: #1e3a5f;
    --btn-secondary: #4a5568;
    --link: #2c5282;
    --link-hover: #1e3a5f;

    /* Gradientes suaves */
    --gradient-section: linear-gradient(135deg, #fafaf8 0%, #f0eeea 50%, #f7f6f3 100%);
    --gradient-card: linear-gradient(135deg, #ffffff 0%, #f7f6f3 100%);
    --gradient-hero-soft: linear-gradient(135deg,
        rgba(44, 82, 130, 0.2) 0%,
        rgba(44, 82, 130, 0.08) 50%,
        rgba(247, 246, 243, 0.95) 100%);

    /* Estados */
    --error: #9b3b3b;
    --warning: #8b6914;
    --warning-bg: rgba(139, 105, 20, 0.1);
    --success: #5c6b4a;

    /* Sombras suaves */
    --shadow-sm: 0 2px 8px rgba(45, 42, 38, 0.06);
    --shadow: 0 4px 16px rgba(45, 42, 38, 0.08);
    --shadow-lg: 0 8px 32px rgba(45, 42, 38, 0.12);
}

/* Líneas onduladas azules en el fondo de todo el sitio (visibles también en monitores con mucho brillo) */
body {
    background-color: var(--bg-body);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 320'%3E%3Cpath fill='none' stroke='%232c5282' stroke-width='1.8' stroke-opacity='0.42' d='M0,160 Q300,80 600,160 T1200,160'/%3E%3Cpath fill='none' stroke='%232c5282' stroke-width='1.5' stroke-opacity='0.35' d='M0,200 Q300,120 600,200 T1200,200'/%3E%3Cpath fill='none' stroke='%232c5282' stroke-width='1.5' stroke-opacity='0.3' d='M0,240 Q300,160 600,240 T1200,240'/%3E%3Cpath fill='none' stroke='%231e3a5f' stroke-width='1.5' stroke-opacity='0.38' d='M0,120 Q300,200 600,120 T1200,120'/%3E%3Cpath fill='none' stroke='%234a5568' stroke-width='1.4' stroke-opacity='0.28' d='M0,80 Q300,160 600,80 T1200,80'/%3E%3C/svg%3E");
    background-size: 1200px 320px;
    background-repeat: repeat;
    background-position: 0 0;
    background-attachment: scroll;
}