/* Gerado por scripts/design-tokens.py a partir de design/tokens.json; nao editar a mao. */
@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap");

:root,
[data-theme="light"] {
  color-scheme: light;
  --ft-color-bg: #EEF2F5;
  --ft-color-surface: #FFFFFF;
  --ft-color-surface-raised: #F7F9FB;
  --ft-color-hairline: #E3E8EE;
  --ft-color-ink: #1B2130;
  --ft-color-muted: #6B7383;
  --ft-color-accent: #4C7CF0;
  --ft-color-on-accent: #FFFFFF;
  --ft-color-accent-soft: #E6EDFD;
  --ft-color-warn: #C27A3A;
  --ft-color-warn-soft: #FBEFE3;
  --ft-color-danger: #D0544F;
  --ft-color-danger-soft: #FCE8E7;
  --ft-color-info: #4C7CF0;
  --ft-color-info-soft: #E6EDFD;
  --ft-glass: rgba(255,255,255,.58);
  --ft-glass-strong: rgba(255,255,255,.82);
  --ft-glass-border: rgba(255,255,255,.9);
  --ft-shadow: 0 10px 30px rgba(40,60,90,.08);
  --ft-shadow-accent: 0 8px 22px rgba(76,124,240,.32);
  --ft-bg-mesh: radial-gradient(70% 45% at 0% 0%, #D6EEF3 0%, transparent 70%), radial-gradient(60% 40% at 100% 18%, #E4E2FA 0%, transparent 70%), radial-gradient(70% 45% at 30% 100%, #DCEFE8 0%, transparent 70%);
}

[data-theme="dark"] {
  color-scheme: dark;
  --ft-color-bg: #0E1219;
  --ft-color-surface: #171C26;
  --ft-color-surface-raised: #1D2330;
  --ft-color-hairline: #262D3A;
  --ft-color-ink: #EEF1F6;
  --ft-color-muted: #9AA3B2;
  --ft-color-accent: #8FAEFF;
  --ft-color-on-accent: #0E1219;
  --ft-color-accent-soft: #1F2840;
  --ft-color-warn: #EDB27E;
  --ft-color-warn-soft: #33271C;
  --ft-color-danger: #F29490;
  --ft-color-danger-soft: #3A2224;
  --ft-color-info: #8FAEFF;
  --ft-color-info-soft: #1F2840;
  --ft-glass: rgba(30,37,50,.55);
  --ft-glass-strong: rgba(36,44,60,.82);
  --ft-glass-border: rgba(255,255,255,.08);
  --ft-shadow: 0 10px 30px rgba(0,0,0,.35);
  --ft-shadow-accent: 0 8px 22px rgba(143,174,255,.22);
  --ft-bg-mesh: radial-gradient(70% 45% at 0% 0%, #12303A 0%, transparent 70%), radial-gradient(60% 40% at 100% 18%, #221F42 0%, transparent 70%), radial-gradient(70% 45% at 30% 100%, #0F2A22 0%, transparent 70%);
}

:root {
  --ft-font: "Plus Jakarta Sans", "Helvetica Neue", Arial, sans-serif;
  --ft-space-1: 4px;
  --ft-space-2: 8px;
  --ft-space-3: 12px;
  --ft-space-4: 16px;
  --ft-space-5: 24px;
  --ft-space-6: 32px;
  --ft-space-7: 48px;
  --ft-radius: 24px;
  --ft-radius-small: 16px;
  --ft-radius-pill: 999px;
  --ft-blur: 24px;
  --ft-button-height: 52px;
  --ft-button-radius: 999px;
  --ft-nav-height: 64px;
}