/* Explain: Theme design tokens including institutional blue and red. */
:root {
    /* Colorimetría institucional: azul profundo como color de marca y rojo contenido como acento */
    --background-color: #f4f6f9;
    --surface-color: #ffffff;
    --surface-alt: #e6eaf0;
    --graphite-color: #10263f;
    --graphite-soft: #17324f;
    --text-color: #16202c;
    --text-muted: #5b6674;
    --text-on-dark: #f2f5f9;
    --text-on-dark-muted: #a7b3c2;
    --border-color: #dbe0e8;
    --accent-color: #b92b30;
    --accent-hover: #972024;
    --accent-tint: #e79a97;

    --primary-color: #10263f;
    --primary-hover: #24415f;
    --secondary-color: #4f6580;

    --font-heading: 'Fraunces', Georgia, 'Times New Roman', serif;
    --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

    --radius-sm: 2px;
    --radius-md: 4px;
    --shadow-soft: 0 22px 60px -34px rgba(16, 38, 63, 0.55);
    --header-h: 74px;
    --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
}