/*
 * Novastra - variables CSS
 * Signature editorial-tech. Tokens exposes en custom properties.
 * GARDE : aucune teinte entre hue 260 et 320 (violet / mauve / magenta).
 * Verifie chaque ajout contre ce commentaire avant commit.
 */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap');

:root {
    /* Theme clair (defaut) */
    --c-bg:          #FAFAF7;
    --c-bg-elev:     #FFFFFF;
    --c-bg-soft:     #F2F1EC;
    --c-ink:         #0B0F14;
    --c-ink-soft:    #3A4656;
    --c-muted:       #6C7686;
    --c-line:        #E4E2DA;
    --c-line-strong: #C9C6BA;
    --c-accent:      #0F5FFF;
    --c-accent-ink:  #FFFFFF;
    --c-accent-soft: #E4EEFF;
    --c-amber:       #D97706;
    --c-success:     #0F7A4A;
    --c-danger:      #C42B2B;

    /* Typographie */
    --f-display: 'Fraunces', Georgia, 'Times New Roman', serif;
    --f-sans:    'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    --f-mono:    'JetBrains Mono', 'SF Mono', Menlo, Consolas, monospace;

    /* Echelle spatiale (base 4px) */
    --s-1: 4px;
    --s-2: 8px;
    --s-3: 12px;
    --s-4: 16px;
    --s-5: 24px;
    --s-6: 32px;
    --s-7: 48px;
    --s-8: 64px;
    --s-9: 96px;
    --s-10: 128px;

    /* Layout */
    --container-max: 1240px;
    --gutter: 24px;
    --gutter-lg: 40px;
    --radius-sm: 6px;
    --radius-md: 8px;
    --radius-lg: 12px;

    /* Motion */
    --ease-out-expo: cubic-bezier(.22, 1, .36, 1);
    --dur-micro: 200ms;
    --dur-section: 400ms;
    --dur-reveal: 800ms;

    /* Z-index */
    --z-nav: 50;
    --z-drawer: 80;
    --z-modal: 100;
    --z-toast: 120;
    --z-cookie: 90;
}

[data-theme="dark"] {
    --c-bg:          #0A0D12;
    --c-bg-elev:     #10151C;
    --c-bg-soft:     #161D27;
    --c-ink:         #F2F1EC;
    --c-ink-soft:    #B4BCC7;
    --c-muted:       #7A8594;
    --c-line:        #1F2733;
    --c-line-strong: #2E3847;
    --c-accent:      #4D8BFF;
    --c-accent-ink:  #0A0D12;
    --c-accent-soft: #13243F;
    --c-amber:       #F0A837;
    --c-success:     #3BBF85;
    --c-danger:      #FF5A5A;
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
        --c-bg:          #0A0D12;
        --c-bg-elev:     #10151C;
        --c-bg-soft:     #161D27;
        --c-ink:         #F2F1EC;
        --c-ink-soft:    #B4BCC7;
        --c-muted:       #7A8594;
        --c-line:        #1F2733;
        --c-line-strong: #2E3847;
        --c-accent:      #4D8BFF;
        --c-accent-ink:  #0A0D12;
        --c-accent-soft: #13243F;
        --c-amber:       #F0A837;
        --c-success:     #3BBF85;
        --c-danger:      #FF5A5A;
    }
}