/* ==================================================
   DESIGN SYSTEM - TOKENS NATIVOS DA PALETA DO PROMPT 0
   ================================================== */
:root {
  /* Cores Estruturais */
  --color-bg: #0A192F;
  --color-header: #0F213D;

  --color-surface: #112240;
  --color-surface-elevated: #172A45;

  --color-border: #1F3A56;
  --color-border-highlight: rgba(100, 255, 218, 0.15);

  /* Destaques / Primárias */
  --color-primary: #4BECD9;
  --color-primary-soft: #64FFDA;
  --color-primary-hover: #3bd1be;

  /* Cores Semânticas */
  --color-success: #4ADE80;
  --color-danger: #E34745;
  --color-warning: #FFB74D;
  --color-info: #82B1FF;

  /* Tipografia / Textos */
  --text-primary: #E6F1FF;
  --text-secondary: #A8B2D1;
  --text-muted: #8892B0;

  /* Fontes */
  --font-main: 'Outfit', 'Inter', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  /* Escala Tipográfica Padronizada */
  --font-size-h1: 28px;
  --font-weight-h1: 700;

  --font-size-title: 22px;
  --font-weight-title: 700;

  --font-size-card-title: 18px;
  --font-weight-card-title: 600;

  --font-size-body: 15px;
  --font-weight-body: 400;

  --font-size-table: 14px;
  --font-size-label: 13px;
  --font-size-helper: 12px;

  --font-size-btn: 14px;
  --font-weight-btn: 600;

  /* Espaçamentos Padronizados */
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;

  /* Arredondamentos */
  --radius-input: 8px;
  --radius-btn: 8px;
  --radius-card: 12px;
  --radius-modal: 14px;
  --radius-badge: 999px;

  /* Transições e Sombras */
  --transition-normal: all 0.2s ease-in-out;
  --shadow-subtle: 0 4px 20px rgba(0, 0, 0, 0.25);
}