/* =====================================================================
   Encaminhei — Design System (reskin, ADR-037)
   DS-1: fontes self-hosted (@font-face) + tokens (:root custom properties).
   SEGURO GLOBALMENTE: só declara fontes e variáveis — não estiliza elementos,
   logo não afeta as telas ainda no layout antigo. Os componentes (DS-2) virão
   escopados sob .ds (ver design-system-components.css).
   Spec: docs/design/design-system.md
   ===================================================================== */

/* ---------- Fontes self-hosted (woff2 em ~/fonts) ---------- */
/* Sora — display/títulos */
@font-face { font-family:'Sora'; font-style:normal; font-weight:400; font-display:swap; src:url('../fonts/sora-400.woff2') format('woff2'); }
@font-face { font-family:'Sora'; font-style:normal; font-weight:500; font-display:swap; src:url('../fonts/sora-500.woff2') format('woff2'); }
@font-face { font-family:'Sora'; font-style:normal; font-weight:600; font-display:swap; src:url('../fonts/sora-600.woff2') format('woff2'); }
@font-face { font-family:'Sora'; font-style:normal; font-weight:700; font-display:swap; src:url('../fonts/sora-700.woff2') format('woff2'); }
@font-face { font-family:'Sora'; font-style:normal; font-weight:800; font-display:swap; src:url('../fonts/sora-800.woff2') format('woff2'); }

/* Manrope — corpo/interface */
@font-face { font-family:'Manrope'; font-style:normal; font-weight:400; font-display:swap; src:url('../fonts/manrope-400.woff2') format('woff2'); }
@font-face { font-family:'Manrope'; font-style:normal; font-weight:500; font-display:swap; src:url('../fonts/manrope-500.woff2') format('woff2'); }
@font-face { font-family:'Manrope'; font-style:normal; font-weight:600; font-display:swap; src:url('../fonts/manrope-600.woff2') format('woff2'); }
@font-face { font-family:'Manrope'; font-style:normal; font-weight:700; font-display:swap; src:url('../fonts/manrope-700.woff2') format('woff2'); }

/* JetBrains Mono — CEPs, códigos de rastreio, valores técnicos */
@font-face { font-family:'JetBrains Mono'; font-style:normal; font-weight:400; font-display:swap; src:url('../fonts/jetbrains-mono-400.woff2') format('woff2'); }
@font-face { font-family:'JetBrains Mono'; font-style:normal; font-weight:500; font-display:swap; src:url('../fonts/jetbrains-mono-500.woff2') format('woff2'); }

/* ---------- Tokens ---------- */
:root {
  /* Roxo — primária */
  --color-purple-900: #320F5B;
  --color-purple-700: #4C2582; /* principal */
  --color-purple-600: #613EA1;
  --color-purple-500: #7A58B2;
  --color-purple-400: #9778C4;
  --color-purple-200: #DACCEA;
  --color-purple-50:  #F1EBFA;

  /* Amarelo — acento (um por tela) */
  --color-accent:      #E8BD40;
  --color-accent-dark: #D4A91F;
  --color-on-accent:   #3A2B00;

  /* Neutros / status */
  --color-text:        #1F1233;
  --color-text-muted:  #6F6A7D;
  --color-border:      #E2DCEC;
  --color-success:     #18A558;
  --color-error:       #E5484D;
  --color-bg:          #FFFFFF;
  --color-bg-soft:     #FAF8FD;

  /* Semânticos */
  --color-primary:     var(--color-purple-700);
  --color-focus-ring:  rgba(76, 37, 130, .12);
  --color-disabled:    #CDBFE0;
  --color-placeholder: #9B95A8;

  /* Tipografia */
  --font-display: 'Sora', system-ui, -apple-system, sans-serif;
  --font-title:   'Sora', system-ui, -apple-system, sans-serif;
  --font-body:    'Manrope', system-ui, -apple-system, sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, SFMono-Regular, monospace;
  --fs-display: 44px; --fs-h1: 32px; --fs-h2: 24px; --fs-h3: 18px;
  --fs-body: 16px; --fs-sm: 14px; --fs-xs: 12px;
  --lh-body: 1.55;
  --tracking-display: -0.035em;
  --tracking-title: -0.03em;

  /* Espaçamento */
  --space-xs: 6px; --space-sm: 12px; --space-md: 16px;
  --space-lg: 24px; --space-xl: 28px; --space-2xl: 56px;

  /* Raios */
  --radius-sm: 6px;  --radius-md: 10px; --radius-lg: 12px;
  --radius-xl: 16px; --radius-2xl: 20px;

  /* Sombras (elevação) */
  --shadow-xs: 0 1px 3px rgba(0, 0, 0, .08);
  --shadow-md: 0 8px 26px -8px rgba(232, 189, 64, .7);
  --shadow-lg: 0 34px 80px -32px rgba(76, 37, 130, .5);
  --shadow-xl: 0 20px 50px -24px rgba(76, 37, 130, .4);

  /* Movimento */
  --ease-smooth: cubic-bezier(.22, 1, .36, 1);
  --dur-fast: 120ms; --dur-normal: 220ms; --dur-slow: 600ms;
}