/* tokens.css — Winsig UI v2 */
:root, [data-theme="light"] {
  --pal-azul: #1f5fbf;
  --pal-turquesa: #30bfc5;
  --pal-amarelo: #f4b962;
  --pal-vermelho: #f7616f;
  --pal-laranja: #ec835a;
  --pal-cinzento: #898781;
  --pal-roxo: #9e64f2;
  --pal-rosa: #f277f2;
  --brand-tile: #1f4e8c;
  --brand-bright-blue: #0d2eff;
  --brand-dark-blue: #001a70;
  --brand-black: #1c2433;
  --brand-light-gray: #e1e3e4;
  --brand-turquoise: #30bfc5;
  --bg: #f4f6f9;
  --surface: #ffffff;
  --surface-alt: #f8fafc;
  --surface-raised: #ffffff;
  --border: #e1e3e4;
  --border-strong: #8e9299;
  --ink: #1c2433;
  --ink-muted: #656a74;
  --primary: #0d2eff;
  --primary-hover: #0a25d6;
  --primary-pressed: #001a70;
  --on-primary: #ffffff;
  --primary-ink: #0d2eff;
  --primary-subtle: #e8ecff;
  --focus-ring: #0d2eff;
  --accent: var(--pal-turquesa);
  --on-accent: #1c2433;
  --topbar-bg: #ffffff;
  --topbar-ink: #1c2433;
  --nav-bg: #16213a;
  --nav-side-bg: #16213a;
  --nav-ink: #ffffff;
  --nav-ink-muted: #c9d3e6;
  --nav-ink-faint: #858fa5;
  --nav-active: #24345a;
  --success: #0f7479;
  --success-subtle: #def5f6;
  --success-line: #a2e2e5;
  --warning: #875400;
  --warning-subtle: #fdf4e6;
  --warning-line: #fae0b8;
  --danger: #c02f3c;
  --danger-subtle: #fee6e8;
  --danger-line: #fbb8be;
  --on-danger: #ffffff;
  --serious-subtle: #fcebe5;
  --serious-line: #f6c7b5;
  --info-subtle: #dbe5f5;
  --info-line: #9ab7e2;
  --neutral-subtle: #ececeb;
  --neutral-line: #cac9c6;
  --edit-bg: #fefbf6;
  --edit-line: #fae0b8;
  --overlay: rgba(28, 36, 51, 0.5);
  --shadow-sm: 0 1px 2px rgba(28, 36, 51, 0.06), 0 1px 3px rgba(28, 36, 51, 0.08);
  --shadow-lg: 0 12px 30px rgba(0, 0, 0, 0.2);
}

[data-theme="dark"] {
  --bg: #0f1420;
  --surface: #171e2c;
  --surface-alt: #1c2433;
  --surface-raised: #1c2433;
  --border: #323946;
  --border-strong: #747a86;
  --ink: #e5eaf3;
  --ink-muted: #a3a9b3;
  --primary-hover: #3352ff;
  --primary-pressed: #0a25d6;
  --primary-ink: #8c9cff;
  --primary-subtle: #1a2560;
  --focus-ring: #8c9cff;
  --topbar-bg: #171e2c;
  --topbar-ink: #e5eaf3;
  --nav-bg: #0b101a;
  --nav-side-bg: #0b101a;
  --nav-ink: #ffffff;
  --nav-ink-muted: #c9d3e6;
  --nav-ink-faint: #7d869a;
  --nav-active: #1d2a44;
  --success: #30bfc5;
  --success-subtle: #1b3844;
  --success-line: #226671;
  --warning: #f4b962;
  --warning-subtle: #3a3735;
  --warning-line: #7a6444;
  --danger: #f7616f;
  --danger-subtle: #3b2937;
  --danger-line: #7c3c4a;
  --on-danger: #1c2433;
  --serious-subtle: #392e33;
  --serious-line: #774b41;
  --info-subtle: #182844;
  --info-line: #1b3b6e;
  --neutral-subtle: #292f3a;
  --neutral-line: #4a4d52;
  --edit-bg: #2a2b2e;
  --edit-line: #7a6444;
  --overlay: rgba(0, 0, 0, 0.6);
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px 3px rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 12px 30px rgba(0, 0, 0, 0.55);
}

:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 10px;
  --radius-xl: 12px;
  --radius-pill: 999px;
  --bp-sm: 600px;
  --bp-md: 900px;
  --bp-lg: 1200px;
  --bp-xl: 1536px;
  --topbar-h: 56px;
  --sidebar-w: 248px;
  --sidebar-w-collapsed: 72px;
  --bottomnav-h: 64px;
  --control-h: 40px;
  --touch-target: 44px;
  --content-max: 1440px;
  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}