/*
 * Tokens do Design System Movimento (arquivo Figma "Movimento Design System").
 *
 * IMPORTANTE: nem todo valor aqui pôde ser confirmado direto no Figma nesta
 * sessão (o bridge só conseguiu ler a página "Cover", não "Foundations").
 * Os valores marcados [CONFIRMADO] vieram de fato do arquivo. Os marcados
 * [INFERIDO] são nomes de token que existem de verdade no Figma (confirmei
 * que existem), mas cujo valor exato eu não consegui ler — usei o valor
 * padrão da escala Tailwind correspondente (a nomenclatura do seu design
 * system - color/brand-primary/50..900, spacing 0..32, radius sm..full,
 * breakpoints sm..3xl - bate exatamente com a convenção Tailwind).
 *
 * Ação recomendada: abra a página "Foundations" do arquivo Figma com o
 * Figma desktop aberto numa sessão com a ponte MCP ativa, daí eu consigo
 * reler e confirmar (ou corrigir) os valores [INFERIDO] abaixo.
 */

:root {
  /* Tipografia [CONFIRMADO] */
  --font-heading: "Manrope", sans-serif;
  --font-body: "Inter", sans-serif;
  --font-mono: "JetBrains Mono", monospace;

  /* Marca [CONFIRMADO] */
  --color-brand-primary-50: #eff6ff;   /* INFERIDO */
  --color-brand-primary-100: #dbeafe;  /* INFERIDO */
  --color-brand-primary-500: #3b82f6;  /* CONFIRMADO */
  --color-brand-primary-600: #2563eb;  /* CONFIRMADO */
  --color-brand-primary-700: #1d4ed8;  /* INFERIDO */
  --color-brand-primary-900: #1e3a8a;  /* INFERIDO */

  --color-brand-accent-500: #8b5cf6;   /* INFERIDO (ramp existe, valor nao lido) */
  --color-brand-accent-600: #7c3aed;   /* INFERIDO */

  /* Neutros (slate) [CONFIRMADO os 5 usados na Cover] */
  --text-primary: #0f172a;    /* CONFIRMADO */
  --text-secondary: #475569;  /* CONFIRMADO */
  --text-tertiary: #94a3b8;   /* CONFIRMADO */
  --border-default: #e2e8f0;  /* CONFIRMADO */
  --bg-canvas: #f8fafc;       /* CONFIRMADO */
  --bg-surface: #ffffff;      /* INFERIDO */
  --bg-surface-secondary: #f1f5f9; /* INFERIDO */
  --bg-surface-inverse: #0f172a;   /* INFERIDO */
  --bg-brand-subtle: #eff6ff;      /* INFERIDO */

  /* Semanticas [INFERIDO — ramp confirmada existir, valor nao lido] */
  --color-success-50: #f0fdf4;
  --color-success-500: #22c55e;
  --color-success-600: #16a34a;
  --color-warning-50: #fffbeb;
  --color-warning-500: #f59e0b;
  --color-warning-600: #d97706;
  --color-error-50: #fef2f2;
  --color-error-500: #ef4444;
  --color-error-600: #dc2626;
  --color-info-50: #f0f9ff;
  --color-info-500: #0ea5e9;
  --color-info-600: #0284c7;

  /* Espacamento (escala Tailwind 4px) [INFERIDO nos valores, nomes CONFIRMADO] */
  --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;
  --space-16: 64px;

  /* Raio [INFERIDO nos valores, nomes CONFIRMADO] */
  --radius-sm: 2px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  --radius-2xl: 16px;
  --radius-full: 9999px;

  /* Sombra [NAO ENCONTRADO no Figma — valores convencionais] */
  --shadow-sm: 0 1px 2px 0 rgb(15 23 42 / 0.05);
  --shadow-md: 0 4px 6px -1px rgb(15 23 42 / 0.08), 0 2px 4px -2px rgb(15 23 42 / 0.06);
  --shadow-lg: 0 10px 15px -3px rgb(15 23 42 / 0.08), 0 4px 6px -4px rgb(15 23 42 / 0.06);

  /* Breakpoints [CONFIRMADO existirem 6, nomes sm..3xl; valores INFERIDO] */
  --bp-sm: 640px;
  --bp-md: 768px;
  --bp-lg: 1024px;
  --bp-xl: 1280px;
}

/* Modo escuro: nao ha confirmacao dos tokens dark do Figma nesta sessao.
   Mapeamento abaixo e uma inversao razoavel do light, marcada como INFERIDO
   por inteiro — ajustar quando os tokens reais de dark mode forem lidos. */
:root[data-theme="dark"] {
  --text-primary: #f1f5f9;
  --text-secondary: #cbd5e1;
  --text-tertiary: #64748b;
  --border-default: #1e293b;
  --bg-canvas: #0b1220;
  --bg-surface: #0f172a;
  --bg-surface-secondary: #1e293b;
  --bg-brand-subtle: #172554;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-tertiary: #64748b;
    --border-default: #1e293b;
    --bg-canvas: #0b1220;
    --bg-surface: #0f172a;
    --bg-surface-secondary: #1e293b;
    --bg-brand-subtle: #172554;
  }
}
