/* ============================================================
   ASCENT · Propostas: tokens de documento
   ------------------------------------------------------------
   Subset do Design System v1.3 (Navy + Cream) aplicado ao
   contexto DOCUMENTO, cuja distribuição canônica é:
     Paper 60% · Navy texto 25% · Cream 10% · Emerald 5%
   Fonte de verdade: packages/design-system/tokens.css
   ============================================================ */

@font-face {
    font-family: 'Space Grotesk';
    src: url('fonts/SpaceGrotesk-VariableFont_wght.ttf') format('truetype-variations');
    font-weight: 300 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-VariableFont_opsz_wght.ttf') format('truetype-variations');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto Mono';
    src: url('fonts/RobotoMono-VariableFont_wght.ttf') format('truetype-variations');
    font-weight: 100 700;
    font-style: normal;
    font-display: swap;
}

:root {
    /* --- marca ------------------------------------------------ */
    --navy:            #0D1628;
    --navy-900:        #0A1220;
    --navy-700:        #152238;
    --navy-600:        #1F3049;
    --navy-400:        #3E5678;
    --navy-300:        #6A7F9E;

    --cream:           #F9D592;
    --cream-100:       #FDEFCD;
    --cream-200:       #FBE2AE;
    --cream-600:       #D19A42;
    --cream-700:       #A87828;

    --emerald:         #10B981;
    --emerald-050:     #ECFDF5;
    --emerald-700:     #047857;

    --paper:           #F5F5F6;
    --paper-warm:      #FAF6EF;
    --white:           #FFFFFF;

    /* --- superfícies do documento ----------------------------- */
    --doc-bg:          #EFEFF1;
    --doc-surface:     var(--white);
    --doc-surface-alt: #FAFAFB;
    --doc-inset:       var(--paper-warm);
    --doc-border:      #E1E2E6;
    --doc-border-strong: #C9CBD2;

    /* --- texto ------------------------------------------------ */
    --ink:             var(--navy);
    --ink-2:           #3A4657;
    --ink-3:           #667286;
    --ink-4:           #8A94A4;
    --on-navy:         #FFFFFF;
    --on-navy-2:       #C3CCDA;
    --on-navy-3:       #8E9BAF;

    /* --- tipografia ------------------------------------------- */
    --font-display: 'Space Grotesk', 'Segoe UI', system-ui, sans-serif;
    --font-body:    'Inter', 'Segoe UI', system-ui, sans-serif;
    --font-mono:    'Roboto Mono', ui-monospace, 'Cascadia Mono', monospace;

    /* --- geometria -------------------------------------------- */
    --r-sm: 6px;
    --r-md: 10px;
    --r-lg: 16px;
    --r-xl: 22px;

    --measure: 1080px;

    /* --- sombras ---------------------------------------------- */
    --shadow-sm: 0 1px 2px rgba(13, 22, 40, 0.06);
    --shadow-md: 0 4px 16px rgba(13, 22, 40, 0.08);
    --shadow-lg: 0 18px 48px rgba(13, 22, 40, 0.14);
}