/* =========================================================
   PDF PILOT — TOKENS VISUAIS
   Arquivo: css/tokens.css
   Função: cores, sombras, fontes, raios e espaçamentos globais
   ========================================================= */

:root {
  /* Marca */
  --color-brand-orange: #ff7a45;
  --color-brand-red: #ff4d6d;
  --color-brand-gradient: linear-gradient(135deg, #ff8a4c, #ff4d6d);

  /* Estados */
  --color-success: #3ddc97;
  --color-warning: #f6b73c;
  --color-danger: #ff4d6d;
  --color-info: #4d8dff;

  /* Texto — tema claro */
  --color-text: rgba(31, 26, 38, 0.94);
  --color-text-soft: rgba(31, 26, 38, 0.58);
  --color-text-muted: rgba(31, 26, 38, 0.38);

  /* Superfícies — tema claro */
  --color-page-bg: #f2f3fa;
  --color-window-bg: rgba(255, 255, 255, 0.56);
  --color-rail-bg: rgba(255, 255, 255, 0.36);

  --color-glass: rgba(255, 255, 255, 0.48);
  --color-glass-strong: rgba(255, 255, 255, 0.72);
  --color-glass-solid: rgba(255, 255, 255, 0.92);

  --color-border: rgba(31, 26, 38, 0.12);
  --color-border-soft: rgba(31, 26, 38, 0.07);

  /* Fundo decorativo */
  --background-ambient:
    radial-gradient(120% 120% at 80% 110%, #ffe1cf 0%, #eceefa 58%);

  /* Sombras */
  --shadow-window:
    0 1px 0 rgba(255, 255, 255, 0.75) inset,
    0 40px 90px -22px rgba(70, 50, 90, 0.28);

  --shadow-soft:
    0 16px 40px -24px rgba(35, 28, 45, 0.35);

  --shadow-brand:
    0 12px 26px -10px rgba(255, 77, 109, 0.58);

  /* Blur */
  --blur-glass: saturate(150%) blur(22px);

  /* Raios */
  --radius-xs: 8px;
  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 30px;
  --radius-pill: 999px;

  /* Espaçamentos */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;

  /* Tipografia */
--font-display:
  "Bricolage Grotesque",
  system-ui,
  sans-serif;

--font-body:
  "Manrope",
  system-ui,
  -apple-system,
  BlinkMacSystemFont,
  "Segoe UI",
  sans-serif;

  /* Layout */
  --sidebar-width-closed: 78px;
  --sidebar-width-open: 224px;
  --topbar-height: 72px;

  /* Transições */
  --transition-fast: 150ms ease;
  --transition-normal: 240ms ease;
}

/* =========================================================
   TEMA ESCURO
   ========================================================= */

body.dark-theme {
  --color-text: rgba(255, 255, 255, 0.94);
  --color-text-soft: rgba(255, 255, 255, 0.58);
  --color-text-muted: rgba(255, 255, 255, 0.38);

  --color-page-bg: #0b0a10;
  --color-window-bg: rgba(18, 16, 24, 0.58);
  --color-rail-bg: rgba(255, 255, 255, 0.035);

  --color-glass: rgba(255, 255, 255, 0.055);
  --color-glass-strong: rgba(255, 255, 255, 0.10);
  --color-glass-solid: rgba(28, 25, 34, 0.94);

  --color-border: rgba(255, 255, 255, 0.14);
  --color-border-soft: rgba(255, 255, 255, 0.08);

  --background-ambient:
    radial-gradient(120% 120% at 80% 110%, #1a0f1f 0%, #0b0a10 55%);

  --shadow-window:
    0 1px 0 rgba(255, 255, 255, 0.10) inset,
    0 40px 90px -20px rgba(0, 0, 0, 0.60);

  --shadow-soft:
    0 18px 42px -24px rgba(0, 0, 0, 0.65);
}