/**
 * Tokens semânticos, marcas e tema nativo.
 * Criado: 2026-08-12 | Agente: Cursor Auto
 */
:root {
  color-scheme: light dark;
  --font: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --space-1: .25rem; --space-2: .5rem; --space-3: .75rem;
  --space-4: 1rem; --space-6: 1.5rem; --space-8: 2rem;
  --radius-sm: 6px; --radius-md: 8px; --radius-lg: 12px;
  --radius-xl: 16px; --radius-pill: 999px;
  --ease: .15s ease;
  --glass-blur: 12px; --glass-sat: 120%;
  --brand-950: #2a0c0c; --brand-800: #7a1515; --brand-700: #9b1c1c;
  --brand-600: #c53030; --brand-100: #fde8e8; --brand-light: #f0a8a8;
  --mepi-gray-950: #141716; --mepi-gray-500: #626b69; --mepi-gold-500: #b78a2a;
  --color-bg: light-dark(#f3f5f5, #101617);
  --color-surface: light-dark(#ffffff, #182123);
  --color-surface-muted: light-dark(#edf1f1, #222e30);
  --color-text: light-dark(#182526, #edf3f3);
  --color-muted: light-dark(#526465, #a9babc);
  --color-border: light-dark(#d5dfe0, #3b5053);
  --color-primary: var(--brand-700);
  --color-primary-hover: var(--brand-800);
  --color-primary-strong: light-dark(var(--brand-700), var(--brand-light));
  --action-bg: var(--brand-700); --action-fg: #ffffff;
  --action-hover-bg: var(--brand-800); --action-hover-fg: #ffffff;
  --selection-bg: color-mix(in srgb, var(--color-primary-strong) 12%, var(--color-surface));
  --selection-fg: var(--color-primary-strong);
  --color-danger: light-dark(#a12c39, #f6a6af);
  --color-danger-text: light-dark(#a12c39, #f6a6af);
  --danger-bg: #a12c39; --danger-fg: #ffffff;
  --color-success-text: light-dark(#24663f, #8ce0ae);
  --color-accent: var(--mepi-gold-500);
  --color-accent-text: light-dark(#775514, #f0ca72);
  --code-keyword: var(--color-primary-strong);
  --code-string: var(--color-success-text);
  --code-comment: var(--color-muted);
  --code-number: var(--color-accent-text);
  --code-function: color-mix(in srgb, var(--color-primary-strong) 55%, var(--color-success-text));
  --code-variable: var(--color-accent-text);
  --shadow-sm: 0 1px 3px rgb(0 0 0 / .06);
  --shadow-soft: 0 3px 12px light-dark(rgb(15 35 38 / .05), rgb(0 0 0 / .15));
  --shadow-panel: 0 16px 48px rgb(0 0 0 / .2);
  --glass-fill: color-mix(in srgb, var(--color-surface) 94%, transparent);
  --focus-color: var(--color-primary-strong);
  --focus-ring: 0 0 0 3px color-mix(in srgb, var(--focus-color) 45%, transparent);
  /* IA: gradiente próprio, igual em todas as marcas, para o usuário reconhecer o recurso */
  --ai-1: light-dark(#6d4bd8, #a996ff);
  --ai-2: light-dark(#2f7de1, #7cb8ff);
  --ai-3: light-dark(#c2408f, #f59ad0);
  --ai-gradient: linear-gradient(120deg, var(--ai-1), var(--ai-2), var(--ai-3), var(--ai-1));
  --ai-soft: color-mix(in srgb, var(--ai-1) 9%, var(--color-surface));
  --ai-text: light-dark(#4a2fb0, #c7baff);
}
:root[data-brand="store"] {
  --brand-950: #2b1400; --brand-800: #9a3412; --brand-700: #c2410c;
  --brand-600: #ea580c; --brand-100: #ffedd5; --brand-light: #fdba74;
}
:root[data-brand="industria"] {
  --brand-950: #052e16; --brand-800: #166534; --brand-700: #15803d;
  --brand-600: #22c55e; --brand-100: #dcfce7; --brand-light: #86efac;
}
:root[data-brand="altsafe"] {
  --brand-950: #042f2e; --brand-800: #155e75; --brand-700: #0e7490;
  --brand-600: #0891b2; --brand-100: #cffafe; --brand-light: #67e8f9;
}
:root[data-theme="light"] { color-scheme: light; }
:root[data-theme="dark"] { color-scheme: dark; }
* { box-sizing: border-box; }
html, body {
  margin: 0; min-height: 100%;
  font-family: var(--font); background: var(--color-bg); color: var(--color-text);
}
body { line-height: 1.5; }
button, input, select, textarea { font: inherit; }
a { color: var(--color-primary-strong); text-underline-offset: .2em; }
:focus-visible { outline: 2px solid var(--focus-color); outline-offset: 3px; }
.glass {
  background: var(--color-surface);
  border: 1px solid var(--color-border); box-shadow: var(--shadow-sm);
}
.app-header.glass {
  background: var(--glass-fill);
  backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-sat));
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
}