/* Tokens extraídos de DESIGN-APP.MD — não redefinir cor/espaçamento/raio
   direto nos componentes, sempre referenciar uma destas variáveis. */
:root {
  /* Cores */
  --surface: #faf8ff;
  --surface-dim: #d2d9f4;
  --surface-bright: #faf8ff;
  --surface-container-lowest: #ffffff;
  --surface-container-low: #f2f3ff;
  --surface-container: #eaedff;
  --surface-container-high: #e2e7ff;
  --surface-container-highest: #dae2fd;
  --on-surface: #131b2e;
  --on-surface-variant: #3e4a3d;
  --inverse-surface: #283044;
  --inverse-on-surface: #eef0ff;
  --outline: #6e7b6c;
  --outline-variant: #bdcaba;

  --primary: #006b2c;
  --on-primary: #ffffff;
  --primary-container: #00873a;
  --on-primary-container: #f7fff2;
  --inverse-primary: #62df7d;

  --secondary: #0051d5;
  --on-secondary: #ffffff;
  --secondary-container: #316bf3;
  --on-secondary-container: #fefcff;

  --tertiary: #825100;
  --on-tertiary: #ffffff;
  --tertiary-container: #a36700;
  --on-tertiary-container: #fffbff;

  --error: #ba1a1a;
  --on-error: #ffffff;
  --error-container: #ffdad6;
  --on-error-container: #93000a;

  --background: #faf8ff;
  --on-background: #131b2e;
  --surface-variant: #dae2fd;

  /* Tipografia */
  --font-base: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  --headline-lg-size: 32px;
  --headline-lg-weight: 700;
  --headline-lg-line: 1.2;
  --headline-lg-tracking: -0.02em;

  --headline-lg-mobile-size: 24px;
  --headline-lg-mobile-weight: 700;
  --headline-lg-mobile-line: 1.2;
  --headline-lg-mobile-tracking: -0.01em;

  --headline-md-size: 24px;
  --headline-md-weight: 600;
  --headline-md-line: 1.3;

  --body-md-size: 16px;
  --body-md-weight: 400;
  --body-md-line: 1.6;

  --label-md-size: 14px;
  --label-md-weight: 500;
  --label-md-line: 1.4;
  --label-md-tracking: 0.01em;

  --caption-size: 12px;
  --caption-weight: 400;
  --caption-line: 1.4;

  /* Raio */
  --radius-sm: 0.25rem;
  --radius-default: 0.5rem;
  --radius-md: 0.75rem;
  --radius-lg: 1rem;
  --radius-xl: 1.5rem;
  --radius-full: 9999px;

  /* Espaçamento (base 4px) */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --space-gutter: 24px;
  --space-margin-mobile: 16px;

  /* Elevação */
  --shadow-1: 0px 1px 3px rgba(15, 23, 42, 0.08);
  --shadow-2: 0px 10px 15px -3px rgba(15, 23, 42, 0.1);
}