/* Design tokens. MAQ Larem red, light theme only (no dark mode, by decision).
   Colours copied from the :root block of plano-instalacao/public/index.html.
   The three *-ink tokens are darker text variants added for WCAG AA on tinted backgrounds. */

@font-face {
  font-family: 'Inter';
  src: url('../fonts/inter-var-latin.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --bg: #f5f5f5;
  --surface: #ffffff;
  --surface-2: #fafafa;
  --surface-hover: #f1f1f3;
  --ink: #0c0c0e;
  --ink-muted: #2e2f33;
  --mut: #676767;
  --mut-light: #9a9a9e;
  --line: #e6e6e8;
  --line-strong: #d2d2d6;
  --line-focus: rgba(177, 19, 22, 0.4);

  --ac: #b11316;
  --ac-hover: #a3050b;
  --ac-dark: #7d0408;
  --ac-soft: #ffeef0;
  --ac-border: #f5c6ca;

  --warn: #c56a19;
  --warn-ink: #8a4a0c;
  --warn-soft: #fff4e8;
  --warn-border: #f6d2b3;
  --danger: #dc1d24;
  --danger-ink: #b11316;
  --danger-soft: #fff0f1;
  --danger-border: #f9c5c8;
  --success: #15803d;
  --success-ink: #126c34;
  --success-soft: #e8f7ee;
  --success-border: #bbf0cf;
  --info: #2563eb;
  --info-soft: #eff6ff;
  --info-border: #bfdbfe;
  --info-ink: #1e3a8a;

  --side-bg: #1d1e21;
  --dado: #2e2f33;
  --dado-fill: rgba(46, 47, 51, 0.08);
  --sobre-dado: #ffffff;
  --grade: rgba(230, 230, 232, 0.9);
  --chip: #f1f1f3;
  --track: #ececee;
  --hover: #f7f7f9;
  --danger-tint: #fffbfb;
  --info-tint: #f5f9ff;
  --topbar: rgba(255, 255, 255, 0.92);
  --toast: #1d1e21;
  --on-dark: #ffffff; --side-ink: #e4e4e7; --side-link: #c4c4ca; --side-ink-muted: #a1a1a8;
  --side-press: rgba(255, 255, 255, 0.09); --side-border: rgba(255, 255, 255, 0.08); --side-line: rgba(255, 255, 255, 0.07);
  --side-hover: rgba(255, 255, 255, 0.06); --side-fill: rgba(255, 255, 255, 0.04); --side-active: rgba(177, 19, 22, 0.32);
  --ac-glow: rgba(177, 19, 22, 0.18); --scrim: rgba(15, 15, 17, 0.5); --drawer-scrim: rgba(0, 0, 0, 0.45); --drawer-shadow: rgba(0, 0, 0, 0.35);

  --shadow-xs: 0 1px 2px rgba(16, 24, 40, 0.04);
  --shadow: 0 1px 3px rgba(16, 24, 40, 0.06), 0 4px 14px rgba(16, 24, 40, 0.03);
  --shadow-md: 0 6px 18px rgba(16, 24, 40, 0.10);
  --shadow-lg: 0 12px 36px -4px rgba(16, 24, 40, 0.12);
  --radius: 12px;
  --radius-sm: 8px;
  --radius-lg: 16px;
  --sidebar: 256px;
  --sidebar-collapsed: 72px;
  --transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);

  --font: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --mono: ui-monospace, 'Cascadia Code', Consolas, monospace;
  --text-xs: 11px;
  --text-sm: 12.5px;
  --text-md: 14px;
  --text-lg: 19px;
  --text-kpi: 25px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;

  color-scheme: light;
}