/* ============ VARIABLES DE MARCA ============ */
:root {
    --ink:          #2b2f32;
    --ink-soft:     #6b7280;
    --ink-faint:    #9aa1a9;
    --paper:        #f5f7fa;
    --paper-raised: #ffffff;
    --border:       #e2e6ec;
    --accent:       #0047ab;
    --accent-soft:  #e4ebf7;
    --accent-ink:   #ffffff;

    --hero-bg:      #eef2fa;
    --hero-line:    rgba(0,71,171,0.10);
    --hairline:     rgba(43,47,50,0.09);
    --overlay:      rgba(20,23,26,0.5);

    --font-display: ui-rounded, "SF Pro Rounded", "Hiragino Maru Gothic ProN", Quicksand, "Century Gothic", sans-serif;
    --font-body:    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

    --space-xs: 0.5rem;
    --space-sm: 1rem;
    --space-md: 1.75rem;
    --space-lg: 3rem;
    --space-xl: 5rem;
    --space-2xl: 7.5rem;

    --radius-sm: 10px;
    --radius-md: 18px;
    --radius-lg: 28px;

    --shadow-float: 0 20px 60px -12px rgba(0,71,171,0.28), 0 4px 16px rgba(43,47,50,0.08);
    --shadow-modal: 0 30px 80px -16px rgba(20,23,26,0.35), 0 8px 24px rgba(20,23,26,0.18);
}

@media (prefers-color-scheme: dark) {
    :root {
        --ink:          #eef1f4;
        --ink-soft:     #aab1ba;
        --ink-faint:    #6d747c;
        --paper:        #1c1e21;
        --paper-raised: #26292d;
        --border:       #34383d;
        --accent:       #6f97e0;
        --accent-soft:  #263349;
        --accent-ink:   #10131a;
        --hero-bg:      #1a2233;
        --hero-line:    rgba(111,151,224,0.14);
        --hairline:     rgba(238,241,244,0.10);
        --overlay:      rgba(6,8,10,0.6);
        --shadow-float: 0 20px 60px -12px rgba(0,0,0,0.5), 0 4px 16px rgba(0,0,0,0.3);
        --shadow-modal: 0 30px 80px -16px rgba(0,0,0,0.6), 0 8px 24px rgba(0,0,0,0.3);
    }
}
:root[data-theme="dark"] {
    --ink: #eef1f4; --ink-soft: #aab1ba; --ink-faint: #6d747c;
    --paper: #1c1e21; --paper-raised: #26292d; --border: #34383d;
    --accent: #6f97e0; --accent-soft: #263349; --accent-ink: #10131a;
    --hero-bg: #1a2233; --hero-line: rgba(111,151,224,0.14);
    --hairline: rgba(238,241,244,0.10); --overlay: rgba(6,8,10,0.6);
    --shadow-float: 0 20px 60px -12px rgba(0,0,0,0.5), 0 4px 16px rgba(0,0,0,0.3);
    --shadow-modal: 0 30px 80px -16px rgba(0,0,0,0.6), 0 8px 24px rgba(0,0,0,0.3);
}
:root[data-theme="light"] {
    --ink: #2b2f32; --ink-soft: #6b7280; --ink-faint: #9aa1a9;
    --paper: #f5f7fa; --paper-raised: #ffffff; --border: #e2e6ec;
    --accent: #0047ab; --accent-soft: #e4ebf7; --accent-ink: #ffffff;
    --hero-bg: #eef2fa; --hero-line: rgba(0,71,171,0.10);
    --hairline: rgba(43,47,50,0.09); --overlay: rgba(20,23,26,0.5);
    --shadow-float: 0 20px 60px -12px rgba(0,71,171,0.28), 0 4px 16px rgba(43,47,50,0.08);
    --shadow-modal: 0 30px 80px -16px rgba(20,23,26,0.35), 0 8px 24px rgba(20,23,26,0.18);
}