:root {
  color-scheme: light;

  /* Marca MAQ Preco */
  --brand-yellow: #ffc400;
  --brand-amber: #f2b800;
  --brand-carbon: #151a21;
  --brand-carbon-2: #202731;
  --brand-steel: #606a76;
  --brand-mist: #f1f3f5;
  --brand-white: #ffffff;

  /* Aliases de compatibilidade para componentes existentes */
  --brand-pine-950: var(--brand-carbon);
  --brand-pine-900: var(--brand-carbon);
  --brand-pine-700: #343d48;
  --brand-pine-500: var(--brand-steel);
  --brand-gold-600: #d99f00;
  --brand-gold-500: var(--brand-yellow);
  --brand-gold-200: #fff0ab;
  --brand-celadon-200: #e8ebee;
  --brand-sky-200: #e9edf1;
  --brand-ivory-100: #fafbfc;

  /* Superfícies */
  --color-canvas: var(--brand-mist);
  --color-surface: var(--brand-white);
  --color-surface-subtle: #e9edf0;
  --color-surface-info: #f4f6f8;
  --color-text: var(--brand-carbon);
  --color-text-muted: var(--brand-steel);
  --color-border: #d5dae0;
  --color-border-strong: #aeb7c1;
  --color-focus: #8a6500;
  --color-success: #287252;
  --color-warning: #765600;
  --color-danger: #b53a35;

  /* Tipografia sem dependência externa */
  --font-brand: "Segoe UI", Arial, sans-serif;
  --font-ui: "Segoe UI", Arial, sans-serif;
  --font-number: "Segoe UI", Arial, sans-serif;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-md: 1rem;
  --text-lg: 1.25rem;
  --text-xl: 1.625rem;
  --text-2xl: clamp(2rem, 3vw, 3rem);
  --text-value: clamp(2rem, 4vw, 4.25rem);
  --leading-tight: 1.08;
  --leading-body: 1.55;

  /* Espaçamento */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;

  /* Forma e profundidade */
  --radius-sm: 0.4375rem;
  --radius-md: 0.6875rem;
  --radius-lg: 0.875rem;
  --shadow-sm: 0 1px 2px rgb(21 26 33 / 0.08);
  --shadow-md: 0 16px 38px rgb(21 26 33 / 0.12);
  --shadow-focus: 0 0 0 3px rgb(255 196 0 / 0.32);
  --content-max: 90rem;
  --transition-fast: 140ms ease;
  --transition-base: 220ms ease;
}

[data-theme="dark"] {
  color-scheme: dark;
  --color-canvas: #11161c;
  --color-surface: #1b222a;
  --color-surface-subtle: #222b35;
  --color-surface-info: #202832;
  --color-text: #f7f8f9;
  --color-text-muted: #b4bcc5;
  --color-border: #38424d;
  --color-border-strong: #66717e;
  --brand-celadon-200: #28313b;
  --brand-sky-200: #252e38;
  --brand-ivory-100: #1b222a;
  --shadow-sm: 0 1px 2px rgb(0 0 0 / 0.28);
  --shadow-md: 0 16px 36px rgb(0 0 0 / 0.34);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --transition-fast: 0ms;
    --transition-base: 0ms;
  }
}