/* SIS Innov & Tech v2 — tokens.css gerado a partir de tokens.json para o canvas */
@font-face { font-family: "Montserrat"; src: url("fonts/Montserrat-300.woff2") format("woff2"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: "Montserrat"; src: url("fonts/Montserrat-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Montserrat"; src: url("fonts/Montserrat-500.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Montserrat"; src: url("fonts/Montserrat-600.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Montserrat"; src: url("fonts/Montserrat-700.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Montserrat"; src: url("fonts/Montserrat-800.woff2") format("woff2"); font-weight: 800; font-style: normal; font-display: swap; }
@font-face { font-family: "Barlow Condensed"; src: url("fonts/BarlowCondensed-300.woff2") format("woff2"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: "Barlow Condensed"; src: url("fonts/BarlowCondensed-500.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Barlow Condensed"; src: url("fonts/BarlowCondensed-600.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Barlow Condensed"; src: url("fonts/BarlowCondensed-700.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "JetBrains Mono"; src: url("fonts/JetBrainsMono-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "JetBrains Mono"; src: url("fonts/JetBrainsMono-500.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
:root {
  --sis-amarelo: #fab600;
  --sis-azul: #50afe3;
  --sis-vinho: #ad1840;
  --sis-navy: #171a2e;
  --sis-grafite: #323232;
  --vinho-50: #fff4f4;
  --vinho-100: #ffe6e7;
  --vinho-200: #feccd0;
  --vinho-300: #faacb2;
  --vinho-400: #e78892;
  --vinho-500: #d36473;
  --vinho-600: #be3f56;
  --vinho-700: #ad1840;
  --vinho-800: #83052c;
  --vinho-900: #5f011d;
  --vinho-950: #410111;
  --azul-50: #eff8ff;
  --azul-100: #daf1ff;
  --azul-200: #b5e2fe;
  --azul-300: #7dcfff;
  --azul-400: #50afe3;
  --azul-500: #3a96c7;
  --azul-600: #207ca9;
  --azul-700: #09628a;
  --azul-800: #074b6a;
  --azul-900: #01354d;
  --azul-950: #002234;
  --amarelo-50: #fff6e6;
  --amarelo-100: #feeac7;
  --amarelo-200: #fed489;
  --amarelo-300: #fab600;
  --amarelo-400: #d69c15;
  --amarelo-500: #b38314;
  --amarelo-600: #936b0f;
  --amarelo-700: #765404;
  --amarelo-800: #5a4004;
  --amarelo-900: #402d03;
  --amarelo-950: #2b1c01;
  --slate-0: #ffffff;
  --slate-25: #f7f8fb;
  --slate-50: #eff1f6;
  --slate-100: #e2e5ee;
  --slate-200: #c9cedc;
  --slate-300: #a5acc2;
  --slate-400: #7a82a0;
  --slate-500: #5b6281;
  --slate-600: #454b68;
  --slate-700: #323751;
  --slate-750: #2a2f4a;
  --slate-800: #22263d;
  --slate-850: #1c2038;
  --slate-900: #171a2e;
  --slate-950: #0e1020;
  --ext-magenta: #e5005b;
  --ext-laranja: #f7a840;
  --ext-lima: #e8e100;
  --ext-roxo: #6d4b99;
  --ext-azul-medio: #455ba6;
  --ext-azul-royal: #234093;
  --ext-ocre: #ac8411;
  --ext-turquesa: #73c4ba;
  --ext-verde: #6fad2d;
  --ext-bordo: #470f10;
  --ext-coral: #e06660;
  --ext-pessego: #e6b289;
  --gradient-top: #3d6195;
  --gradient-mid: #272049;
  --gradient-bottom: #79164d;
  --bg: #ffffff;
  --bg-subtle: #f7f8fb;
  --surface: #ffffff;
  --surface-sunken: #eff1f6;
  --surface-inverse: #171a2e;
  --border: #d5dae4;
  --border-strong: #7a82a0;
  --fg: #171a2e;
  --fg-muted: #454b68;
  --fg-subtle: #5b6281;
  --fg-on-dark: #ffffff;
  --fg-inverse: #f7f8fb;
  --primary: #ad1840;
  --primary-hover: #83052c;
  --on-primary: #ffffff;
  --primary-subtle: #fff4f4;
  --primary-fg: #ad1840;
  --tech-fg: #09628a;
  --tech-subtle: #eff8ff;
  --highlight: #fab600;
  --highlight-hover: #fed489;
  --on-highlight: #171a2e;
  --link: #09628a;
  --focus-ring: #207ca9;
  --success-fg: #2f6a12;
  --success-subtle: #e8f6dd;
  --warning-fg: #8a5300;
  --warning-subtle: #fff2dc;
  --danger-fg: #c0103f;
  --danger-subtle: #fde8ee;
  --info-fg: #09628a;
  --info-subtle: #eff8ff;
  --chart-1: #3a96c7;
  --chart-2: #ad1840;
  --chart-3: #b38314;
  --chart-4: #6d4b99;
  --chart-5: #2f9c8f;
  --chart-6: #7a82a0;
  --glass-surface: rgba(255,255,255,0.72);
  --glass-surface-strong: rgba(255,255,255,0.80);
  --glass-border: rgba(255,255,255,0.75);
  --glass-highlight: rgba(255,255,255,0.90);
  --glass-on-brand: rgba(255,255,255,0.10);
  --glass-on-brand-border: rgba(255,255,255,0.22);
  --glass-tint-vinho: rgba(173,24,64,0.16);
  --glass-tint-azul: rgba(80,175,227,0.16);
  --glass-fallback: #f7f8fb;
  --overlay: rgba(14,16,32,0.56);
  --nav-navy-bg: #171a2e;
  --nav-navy-fg: #c9cedc;
  --nav-navy-fg-strong: #ffffff;
  --nav-navy-muted: #a5acc2;
  --nav-navy-hover: rgba(255,255,255,0.06);
  --nav-navy-active: rgba(255,255,255,0.10);
  --nav-navy-indicator: #d36473;
  --nav-navy-border: rgba(255,255,255,0.08);
  --nav-navy-focus: #7dcfff;
  --tint-azul: #e8f4fc;
  --tint-vinho: #fcecef;
  --tint-amarelo: #fff4dc;
  --tint-navy: #eceff7;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 10px;
  --radius-xl: 16px;
  --radius-full: 999px;
  --shadow-xs: 0 1px 2px rgba(14,16,32,0.12);
  --shadow-sm: 0 1px 2px rgba(14,16,32,0.10), 0 3px 8px rgba(14,16,32,0.10);
  --shadow-md: 0 2px 4px rgba(14,16,32,0.08), 0 10px 24px -4px rgba(14,16,32,0.20);
  --shadow-lg: 0 4px 12px rgba(14,16,32,0.10), 0 28px 60px -12px rgba(14,16,32,0.32);
  --shadow-glass: 0 8px 32px -8px rgba(14,16,32,0.18), inset 0 1px 0 rgba(255,255,255,0.9);
  --slant-angle: -43deg;
  --slant-cut: 10px;
  --slant-cut-lg: 28px;
  --stripe-width: 6px;
  --bp-sm: 640px;
  --bp-md: 768px;
  --bp-lg: 1024px;
  --bp-xl: 1280px;
  --container-max: 1200px;
  --logo-clearspace: 1.5;
  --logo-min-full: 60px;
  --logo-min-sis: 30px;
  --logo-min-symbol: 15px;
  --blur-sm: 8px;
  --blur-md: 16px;
  --blur-lg: 28px;
  --glass-saturate: 160%;
  --z-dropdown: 1000;
  --z-drawer: 1100;
  --z-modal: 1200;
  --z-toast: 1300;
  --z-tooltip: 1400;
  --font-display: "Roc Grotesk Compressed", "Roc Grotesk", "Barlow Condensed", Impact, sans-serif;
  --font-subtitle: Degular, "Degular Text", Montserrat, Arial, sans-serif;
  --font-sans: Montserrat, Arial, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
}
[data-theme="dark"] {
  --bg: #0e1020;
  --bg-subtle: #171a2e;
  --surface: #1c2038;
  --surface-sunken: #12142a;
  --surface-inverse: #f7f8fb;
  --border: #2a2f4a;
  --border-strong: #737b9c;
  --fg: #f7f8fb;
  --fg-muted: #a5acc2;
  --fg-subtle: #8e96b3;
  --fg-inverse: #171a2e;
  --primary: #be3f56;
  --primary-hover: #ad1840;
  --primary-subtle: #2c0b17;
  --primary-fg: #faacb2;
  --tech-fg: #7dcfff;
  --tech-subtle: #0b2536;
  --highlight: #fab600;
  --highlight-hover: #fed489;
  --link: #7dcfff;
  --focus-ring: #7dcfff;
  --success-fg: #8fd66a;
  --success-subtle: #16301a;
  --warning-fg: #f7b04d;
  --warning-subtle: #33250c;
  --danger-fg: #ff8ba6;
  --danger-subtle: #3a1020;
  --info-fg: #7dcfff;
  --info-subtle: #0b2536;
  --chart-1: #50afe3;
  --chart-2: #e78892;
  --chart-3: #fab600;
  --chart-4: #a98bd6;
  --chart-5: #73c4ba;
  --chart-6: #a5acc2;
  --glass-surface: rgba(28,32,56,0.66);
  --glass-surface-strong: rgba(28,32,56,0.78);
  --glass-border: rgba(255,255,255,0.12);
  --glass-highlight: rgba(255,255,255,0.10);
  --glass-fallback: #1c2038;
  --overlay: rgba(5,6,14,0.72);
  --tint-azul: #16304b;
  --tint-vinho: #371a2d;
  --tint-amarelo: #322818;
  --tint-navy: #242a4c;
  --shadow-xs: 0 1px 2px rgba(0,0,0,0.4);
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.5);
  --shadow-md: 0 8px 20px -4px rgba(0,0,0,0.55);
  --shadow-lg: 0 24px 56px -12px rgba(0,0,0,0.65);
  --shadow-glass: 0 12px 40px -8px rgba(0,0,0,0.6), inset 0 1px 0 rgba(255,255,255,0.10);
  color-scheme: dark;
}