/* =====================================================================
   SOLID SITE · TOKENS  (subconjunto público do Design System)
   "A Solidão Silenciosa da Imigração" — Site Principal
   Espelha CONTROL_CENTER_DESIGN_SYSTEM.txt (solid-tokens.css) para que o
   site público seja uma extensão visual da Central de Controle.
   Valores idênticos aos da Central; nada inventado.
   ===================================================================== */

:root {
  /* ---- Surfaces & elevation ---- */
  --bg: #070605;                 /* fundo base do produto */
  --warm-black: #0a0908;         /* preto quente das páginas (editorial) */
  --surface-1: #0e0c0a;          /* painéis base */
  --surface-2: #15110f;          /* cards elevados */
  --surface-3: #1c1714;          /* popovers / drawer */

  /* ---- Hairlines / bordas ---- */
  --hairline: rgba(236,233,227,.09);
  --hairline-strong: rgba(236,233,227,.16);
  --edge-top: inset 0 1px 0 rgba(255,255,255,.05);
  --sui-border: rgba(231,231,226,.16);
  --sui-border-strong: rgba(231,231,226,.32);

  /* ---- Ink (texto creme) ---- */
  --ink: #ece9e3;
  --ink-90: rgba(236,233,227,.90);
  --ink-80: rgba(236,233,227,.80);
  --ink-dim: rgba(236,233,227,.64);
  --ink-60: rgba(236,233,227,.60);
  --ink-faint: rgba(236,233,227,.40);
  --ink-30: rgba(236,233,227,.30);

  /* ---- Gold (assinatura — usado com parcimônia) ---- */
  --gold: #c9a86a;
  --gold-bright: #e6c489;
  --gold-deep: #9a7d44;
  --gold-ring: rgba(201,168,106,.60);
  --gold-tint: rgba(201,168,106,.13);
  --solid-gold-soft: rgba(201,168,106,.85);

  /* ---- Accent (default = ouro; público não troca por zona) ---- */
  --accent: #c9a86a;
  --accent-soft: rgba(201,168,106,.14);
  --accent-ring: rgba(201,168,106,.50);

  /* ---- Semânticas ---- */
  --ok: #3fae7a;   --ok-soft: rgba(63,174,122,.16);
  --warn: #e0823a; --warn-soft: rgba(224,130,58,.16);
  --err: #cf4f49;  --err-soft: rgba(207,79,73,.16);
  --info: #5b87c4; --info-soft: rgba(91,135,196,.16);
  --amber: #d59433;

  /* ---- Espaçamento ---- */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 24px; --sp-6: 32px;

  /* ---- Raios ---- */
  --r-pill: 999px; --r-card: 16px; --r-panel: 24px; --r-bespoke: 32px;

  /* ---- Movimento ---- */
  --ease: cubic-bezier(.16, 1, .3, 1);          /* saída/spring */
  --ease-soft: cubic-bezier(.22, .61, .36, 1);
  --dur-fast: 140ms; --dur: 240ms; --dur-slow: 420ms;

  /* ---- Sombras / foco (solid-ui) ---- */
  --sui-shadow:
    0 1px 0 rgba(0,0,0,.5),
    0 18px 50px -14px rgba(0,0,0,.62),
    0 4px 12px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(231,231,226,.08);
  --sui-shadow-hover:
    0 1px 0 rgba(0,0,0,.5),
    0 34px 80px -16px rgba(0,0,0,.70),
    0 8px 20px rgba(0,0,0,.44),
    inset 0 1px 0 rgba(231,231,226,.14);
  --sui-focus: var(--accent-soft);
  --sui-focus-ring: var(--accent-ring);

  /* ---- Glass ---- */
  --glass-bg: linear-gradient(150deg, rgba(21,17,15,.86), rgba(8,7,6,.60));
  --glass-blur: blur(16px) saturate(140%);
  --glass-blur-soft: blur(10px) saturate(120%);

  /* ---- Tipografia ---- */
  --font: 'Josefin Sans', Arial, sans-serif;

  /* ---- Mapa de fundo ambiente ---- */
  --dublin-map: url('images/dublin.mapa.png');

  /* =================================================================
     PONTE DE LEGADO
     As páginas do site usam variáveis --white / --black / --white-XX
     inline. Mapeamos para o sistema novo para que o CSS existente
     adote a paleta quente/creme automaticamente. Cada página também
     re-aliasa estas no seu :root local.
     ================================================================= */
  --white: var(--ink);
  --white-95: rgba(236,233,227,.95);
  --white-90: rgba(236,233,227,.90);
  --white-80: rgba(236,233,227,.80);
  --white-75: rgba(236,233,227,.75);
  --white-70: rgba(236,233,227,.70);
  --white-60: rgba(236,233,227,.60);
  --white-45: rgba(236,233,227,.45);
  --white-40: rgba(236,233,227,.40);
  --white-30: rgba(236,233,227,.30);
  --white-18: rgba(236,233,227,.18);
  --white-15: rgba(236,233,227,.14);
  --white-10: rgba(236,233,227,.10);
  --white-08: rgba(236,233,227,.06);
  --white-06: rgba(236,233,227,.06);
  --black: var(--warm-black);
}