fokus-styles 2.0.0 → 2.3.0

package/dist/css/fokus-dark.css

@@ -0,0 +1,304 @@
+@layer reset, tokens, base, layout, components, utilities, overrides;
+@layer tokens {
+  :root {
+    --fs-color-white: #ffffff;
+    --fs-color-black: #000000;
+    --fs-color-text: #1e293b;
+    --fs-color-muted: #64748b;
+    --fs-color-border: #e2e8f0;
+    --fs-color-surface: #ffffff;
+    --fs-color-subtle: #f8fafc;
+    --fs-font-sans: Plus Jakarta Sans, sans-serif;
+    --fs-font-mono: Source Code Pro, monospace;
+    --fs-font-size-md: 0.8125rem;
+    --fs-font-size-h1: 1.75rem;
+    --fs-font-size-h2: 1.5rem;
+    --fs-font-size-h3: 1.3125rem;
+    --fs-font-size-h4: 1.125rem;
+    --fs-font-size-h5: 1rem;
+    --fs-font-size-h6: 0.875rem;
+    --fs-font-weight-semibold: 600;
+    --fs-line-height-base: 1.5;
+    --fs-line-height-heading: 1.25;
+    --fs-radius-sm: 4px;
+    --fs-radius-md: 6px;
+    --fs-radius-lg: 8px;
+    --fs-gutter-x: 1.5rem;
+    --fs-gutter-y: 0px;
+    --fs-space-0: 0;
+    --fs-space-1: 0.25rem;
+    --fs-space-2: 0.5rem;
+    --fs-space-3: 1rem;
+    --fs-space-4: 1.5rem;
+    --fs-space-5: 3rem;
+    --fs-z-base: 0;
+    --fs-z-dropdown: 1000;
+    --fs-z-sticky: 1020;
+    --fs-z-modal: 1050;
+    --fs-z-offcanvas: 1060;
+    --fs-z-notification: 1080;
+    --fs-z-toast: 1090;
+    --fs-z-tooltip: 1100;
+    --fs-control-height: 38px;
+    --fs-control-height-sm: 30px;
+    --fs-control-height-lg: 46px;
+    --fs-control-padding-x: 12px;
+    --fs-control-padding-x-sm: 8px;
+    --fs-control-padding-x-lg: 16px;
+    --fs-focus-width: 2px;
+    --fs-focus-offset: 2px;
+    --fs-focus-color: var(--fs-color-primary);
+    --fs-focus-ring-size: 3px;
+    --fs-focus-ring-color: color-mix(in srgb, var(--fs-focus-color) 22%, transparent);
+    --fs-focus-ring-alpha: 22%;
+    --fs-transition-fast: 150ms;
+    --fs-transition-normal: 220ms;
+    --fs-motion-duration-fast: var(--fs-transition-fast);
+    --fs-motion-duration-normal: var(--fs-transition-normal);
+    --fs-motion-ease-standard: var(--fs-ease-standard);
+    --fs-ease-standard: cubic-bezier(0.2, 0, 0, 1);
+    --fs-border-width: 1px;
+    --fs-disabled-opacity: 0.5;
+    --fs-safe-area-top: env(safe-area-inset-top, 0px);
+    --fs-safe-area-right: env(safe-area-inset-right, 0px);
+    --fs-safe-area-bottom: env(safe-area-inset-bottom, 0px);
+    --fs-safe-area-left: env(safe-area-inset-left, 0px);
+    --fs-component-control-height: var(--fs-control-height);
+    --fs-component-overlay-backdrop: rgb(0 0 0 / 55%);
+    --fs-component-panel-radius: var(--fs-radius-md);
+    --fs-component-panel-shadow: var(--fs-shadow-lg);
+    --fs-cq-sm: 320px;
+    --fs-cq-md: 480px;
+    --fs-cq-lg: 640px;
+    --fs-shadow-sm: 0 1px 3px rgb(0 0 0 / 15%), 0 1px 2px rgb(0 0 0 / 10%);
+    --fs-shadow-md: 0 6px 12px rgb(0 0 0 / 15%), 0 3px 6px rgb(0 0 0 / 10%);
+    --fs-shadow-lg: 0 15px 30px rgb(0 0 0 / 18%), 0 6px 12px rgb(0 0 0 / 12%);
+    --fs-tooltip-bg: #1e293b;
+    --fs-tooltip-text: #ffffff;
+    --fs-color-primary: #1a61e6;
+    --fs-color-on-primary: #ffffff;
+    --fs-alert-primary-bg: rgb(220.3846532222, 232.689549371, 254.1042117072);
+    --fs-alert-primary-text: rgb(4.2540793692, 32.6552622518, 88.5748738661);
+    --fs-color-secondary: #64748b;
+    --fs-color-on-secondary: #ffffff;
+    --fs-alert-secondary-bg: rgb(230.2895610064, 233.0325853352, 236.9919508609);
+    --fs-alert-secondary-text: rgb(33.9166068747, 40.6437781967, 50.3140869721);
+    --fs-color-success: rgb(13, 209, 87);
+    --fs-color-on-success: #000000;
+    --fs-alert-success-bg: rgb(228.9046733915, 249.1514320752, 230.8709345684);
+    --fs-alert-success-text: rgb(1.6574790861, 79.745461506, 28.4507801755);
+    --fs-color-warning: #fab633;
+    --fs-color-on-warning: #000000;
+    --fs-alert-warning-bg: rgb(254.9170612621, 244.6528756631, 228.9710928247);
+    --fs-alert-warning-text: rgb(96.9838380187, 68.3933599001, 13.3146447009);
+    --fs-color-danger: #cc3335;
+    --fs-color-on-danger: #ffffff;
+    --fs-alert-danger-bg: rgb(251.9225977632, 226.389403069, 223.5618211362);
+    --fs-alert-danger-text: rgb(77.6432204678, 13.3146447009, 14.1555411162);
+    --fs-color-info: #5e5cc7;
+    --fs-color-on-info: #ffffff;
+    --fs-alert-info-bg: rgb(228.2395257626, 230.4806192824, 248.3934544766);
+    --fs-alert-info-text: rgb(31.3939176289, 30.5530212136, 75.5409794297);
+    --fs-feedback-primary-bg: #e6f0ff;
+    --fs-feedback-secondary-bg: #f8fafc;
+    --fs-feedback-success-bg: #e6fff2;
+    --fs-feedback-warning-bg: #fff9e6;
+    --fs-feedback-danger-bg: #fff2f3;
+    --fs-feedback-info-bg: #f2f2ff;
+  }
+  @supports (color: oklch(0% 0 0deg)) {
+    :root {
+      --fs-color-text: oklch(27.9495237712% 0.0368481257 260.0309873929deg);
+      --fs-color-muted: oklch(55.4391007662% 0.040717043 257.4166191214deg);
+      --fs-color-border: oklch(92.876126719% 0.0126187744 255.5078854448deg);
+      --fs-color-subtle: oklch(98.4151869501% 0.0034126992 247.8577745944deg);
+      --fs-tooltip-bg: oklch(27.9495237712% 0.0368481257 260.0309873929deg);
+      --fs-color-primary: oklch(53.5630074284% 0.2132145174 261.6264320248deg);
+      --fs-color-on-primary: #ffffff;
+      --fs-alert-primary-bg: oklch(93.0344511143% 0.0319821776 261.6264320248deg);
+      --fs-alert-primary-text: oklch(26.7815037142% 0.1066072587 261.6264320248deg);
+      --fs-color-secondary: oklch(55.4391007662% 0.040717043 257.4166191214deg);
+      --fs-color-on-secondary: #ffffff;
+      --fs-alert-secondary-bg: oklch(93.3158651149% 0.0061075564 257.4166191214deg);
+      --fs-alert-secondary-text: oklch(27.7195503831% 0.0203585215 257.4166191214deg);
+      --fs-color-success: oklch(75.151587899% 0.2146126169 148.125846236deg);
+      --fs-color-on-success: #000000;
+      --fs-alert-success-bg: oklch(96.2727381849% 0.0321918925 148.125846236deg);
+      --fs-alert-success-text: oklch(37.5757939495% 0.1073063085 148.125846236deg);
+      --fs-color-warning: oklch(81.9510815663% 0.1562613975 78.6575213966deg);
+      --fs-color-on-warning: #000000;
+      --fs-alert-warning-bg: oklch(97.2926622349% 0.0234392096 78.6575213966deg);
+      --fs-alert-warning-text: oklch(40.9755407832% 0.0781306987 78.6575213966deg);
+      --fs-color-danger: oklch(55.9653139301% 0.1897270855 25.2407937498deg);
+      --fs-color-on-danger: #ffffff;
+      --fs-alert-danger-bg: oklch(93.3947970895% 0.0284590628 25.2407937498deg);
+      --fs-alert-danger-text: oklch(27.982656965% 0.0948635427 25.2407937498deg);
+      --fs-color-info: oklch(53.3359780029% 0.1620131129 280.2231949375deg);
+      --fs-color-on-info: #ffffff;
+      --fs-alert-info-bg: oklch(93.0003967004% 0.0243019669 280.2231949375deg);
+      --fs-alert-info-text: oklch(26.6679890014% 0.0810065564 280.2231949375deg);
+      --fs-feedback-primary-bg: oklch(95.2067827456% 0.0228899025 258.359342143deg);
+      --fs-feedback-secondary-bg: oklch(98.4151869501% 0.0034126992 247.8577745944deg);
+      --fs-feedback-success-bg: oklch(97.8305614459% 0.0311593614 163.2740567608deg);
+      --fs-feedback-warning-bg: oklch(98.17094418% 0.025708244 92.3886876566deg);
+      --fs-feedback-danger-bg: oklch(97.1603097552% 0.0140720277 12.0135639679deg);
+      --fs-feedback-info-bg: oklch(96.4918490239% 0.0173174767 286.0707018324deg);
+    }
+  }
+}
+@layer tokens {
+  :root {
+    --fs-color-bg-surface: var(--fs-color-surface);
+    --fs-color-bg-subtle: var(--fs-color-subtle);
+    --fs-color-text-primary: var(--fs-color-text);
+    --fs-color-text-muted: var(--fs-color-muted);
+    --fs-color-border-default: var(--fs-color-border);
+    --fs-color-focus: var(--fs-color-primary);
+    --fs-color-surface-raised: var(--fs-color-surface);
+    --fs-color-surface-interactive: var(--fs-color-subtle);
+    --fs-color-action-primary: var(--fs-color-primary);
+    --fs-color-action-danger: var(--fs-color-danger);
+  }
+}
+@layer tokens {
+  :root {
+    --fs-chart-series-1: var(--fs-color-primary);
+    --fs-chart-series-2: var(--fs-color-success);
+    --fs-chart-series-3: var(--fs-color-warning);
+    --fs-chart-series-4: var(--fs-color-danger);
+    --fs-chart-series-5: var(--fs-color-info);
+    --fs-chart-series-6: var(--fs-color-secondary);
+    --fs-chart-grid: var(--fs-color-border);
+    --fs-chart-axis: var(--fs-color-muted);
+    --fs-chart-tooltip-bg: var(--fs-tooltip-bg);
+    --fs-chart-tooltip-text: var(--fs-tooltip-text);
+  }
+}
+@layer tokens {
+  [data-theme=dark],
+  [data-fs-theme=dark] {
+    --fs-color-text: #f1f3f4;
+    --fs-color-muted: #bdc1c6;
+    --fs-color-border: #3c4043;
+    --fs-color-surface: #202124;
+    --fs-color-subtle: #2b2c2f;
+    --fs-color-bg-surface: var(--fs-color-surface);
+    --fs-color-bg-subtle: var(--fs-color-subtle);
+    --fs-color-surface-raised: var(--fs-color-surface);
+    --fs-color-surface-interactive: var(--fs-color-subtle);
+    --fs-color-text-primary: var(--fs-color-text);
+    --fs-color-text-muted: var(--fs-color-muted);
+    --fs-color-border-default: var(--fs-color-border);
+    --fs-color-focus: var(--fs-color-primary);
+    --fs-color-action-primary: var(--fs-color-primary);
+    --fs-color-action-danger: var(--fs-color-danger);
+    --fs-shadow-sm: 0 1px 3px rgb(0 0 0 / 50%), 0 1px 2px rgb(0 0 0 / 40%);
+    --fs-shadow-md: 0 6px 12px rgb(0 0 0 / 55%), 0 3px 6px rgb(0 0 0 / 45%);
+    --fs-shadow-lg: 0 15px 30px rgb(0 0 0 / 60%), 0 6px 12px rgb(0 0 0 / 50%);
+    --fs-tooltip-bg: #f8fafc;
+    --fs-tooltip-text: #1e293b;
+    --fs-color-primary: rgb(39.8728684152, 106.2372587275, 232.1894887664);
+    --fs-alert-primary-bg: rgb(30.765779113, 49.9974662348, 82.3021425489);
+    --fs-alert-primary-text: rgb(130.6636212695, 172.0850768824, 246.4419684583);
+    --fs-feedback-primary-bg: rgb(30.765779113, 49.9974662348, 82.3021425489);
+    --fs-color-secondary: rgb(114.3557068426, 129.039220146, 150.1520317181);
+    --fs-alert-secondary-bg: rgb(39.6548148226, 51.4270943358, 70.2648514061);
+    --fs-alert-secondary-text: rgb(166.7597509121, 176.2809684237, 189.9919576187);
+    --fs-feedback-secondary-bg: rgb(39.6548148226, 51.4270943358, 70.2648514061);
+    --fs-color-success: rgb(134.4501166043, 226.9563331209, 149.6185042518);
+    --fs-alert-success-bg: rgb(24.8621518491, 61.9088085702, 89.0318819222);
+    --fs-alert-success-text: rgb(155.0475916512, 231.7231823866, 166.1609492581);
+    --fs-feedback-success-bg: rgb(24.8621518491, 61.9088085702, 89.0318819222);
+    --fs-color-warning: rgb(252.9400238762, 208.7461261831, 137.9221837268);
+    --fs-alert-warning-bg: rgb(59.1359779173, 56.6792370273, 88.6687774507);
+    --fs-alert-warning-text: rgb(253.5439861058, 216.1213263099, 157.1705651606);
+    --fs-feedback-warning-bg: rgb(59.1359779173, 56.6792370273, 88.6687774507);
+    --fs-color-danger: rgb(208.1189955268, 64.9740184262, 63.4302936954);
+    --fs-alert-danger-bg: rgb(44.6823973866, 47.5125073063, 81.2083778204);
+    --fs-alert-danger-text: rgb(235.4050745756, 149.9650253478, 142.4924034553);
+    --fs-feedback-danger-bg: rgb(44.6823973866, 47.5125073063, 81.2083778204);
+    --fs-color-info: #5e5cc7;
+    --fs-alert-info-bg: rgb(35.0058091619, 49.6887857769, 78.5757788254);
+    --fs-alert-info-text: rgb(160.628671266, 165.881962789, 227.610600335);
+    --fs-feedback-info-bg: rgb(35.0058091619, 49.6887857769, 78.5757788254);
+  }
+  @supports (color: oklch(0% 0 0deg)) {
+    [data-theme=dark],
+    [data-fs-theme=dark] {
+      --fs-color-text: oklch(96.2913383165% 0.002529697 228.7848682695deg);
+      --fs-color-muted: oklch(80.9268110646% 0.0083071608 253.8653061211deg);
+      --fs-color-border: oklch(36.8827622528% 0.0074489239 240.018838067deg);
+      --fs-color-surface: oklch(24.7936263361% 0.0058460141 271.1764187765deg);
+      --fs-color-subtle: oklch(29.3286259539% 0.0055990771 271.2234269855deg);
+      --fs-color-bg-surface: var(--fs-color-surface);
+      --fs-color-bg-subtle: var(--fs-color-subtle);
+      --fs-color-surface-raised: var(--fs-color-surface);
+      --fs-color-surface-interactive: var(--fs-color-subtle);
+      --fs-color-text-primary: var(--fs-color-text);
+      --fs-color-text-muted: var(--fs-color-muted);
+      --fs-color-border-default: var(--fs-color-border);
+      --fs-color-focus: var(--fs-color-primary);
+      --fs-color-action-primary: var(--fs-color-primary);
+      --fs-color-action-danger: var(--fs-color-danger);
+      --fs-tooltip-bg: oklch(98.4151869501% 0.0034126992 247.8577745944deg);
+      --fs-tooltip-text: oklch(27.9495237712% 0.0368481257 260.0309873929deg);
+      --fs-color-primary: oklch(55.884857057% 0.2025537915 261.6264320248deg);
+      --fs-alert-primary-bg: oklch(31.7915463198% 0.0633030844 260.2703040876deg);
+      --fs-alert-primary-text: oklch(74.4596540856% 0.1172679846 261.6264320248deg);
+      --fs-feedback-primary-bg: oklch(31.7915463198% 0.0633030844 260.2703040876deg);
+      --fs-color-secondary: oklch(59.8951906896% 0.0366453387 257.4166191214deg);
+      --fs-alert-secondary-bg: oklch(32.0729603204% 0.0374284633 259.6388321521deg);
+      --fs-alert-secondary-text: oklch(75.4915054214% 0.0223943736 257.4166191214deg);
+      --fs-feedback-secondary-bg: oklch(32.0729603204% 0.0374284633 259.6388321521deg);
+      --fs-color-success: oklch(83.8485321344% 0.139498201 148.125846236deg);
+      --fs-alert-success-bg: oklch(35.0298333903% 0.0635127994 243.2452162193deg);
+      --fs-alert-success-text: oklch(86.3333733445% 0.1180369393 148.125846236deg);
+      --fs-feedback-success-bg: oklch(35.0298333903% 0.0635127994 243.2452162193deg);
+      --fs-color-warning: oklch(88.2682030181% 0.1015699084 78.6575213966deg);
+      --fs-alert-warning-bg: oklch(36.0497574404% 0.0547601164 286.8249674934deg);
+      --fs-alert-warning-text: oklch(90.0730948615% 0.0859437686 78.6575213966deg);
+      --fs-feedback-warning-bg: oklch(36.0497574404% 0.0547601164 286.8249674934deg);
+      --fs-color-danger: oklch(58.1670482336% 0.1802407312 25.2407937498deg);
+      --fs-alert-danger-bg: oklch(32.151892295% 0.0597799696 278.8124583464deg);
+      --fs-alert-danger-text: oklch(75.7809226615% 0.104349897 25.2407937498deg);
+      --fs-feedback-danger-bg: oklch(32.151892295% 0.0597799696 278.8124583464deg);
+      --fs-color-info: oklch(53.3359780029% 0.1620131129 280.2231949375deg);
+      --fs-alert-info-bg: oklch(31.7574919059% 0.0556228738 263.0598185246deg);
+      --fs-alert-info-text: oklch(74.3347879016% 0.0891072121 280.2231949375deg);
+      --fs-feedback-info-bg: oklch(31.7574919059% 0.0556228738 263.0598185246deg);
+    }
+  }
+  @media (prefers-color-scheme: dark) {
+    [data-fs-theme=auto] {
+      --fs-color-text: #f1f3f4;
+      --fs-color-muted: #bdc1c6;
+      --fs-color-border: #3c4043;
+      --fs-color-surface: #202124;
+      --fs-color-subtle: #2b2c2f;
+      --fs-color-bg-surface: var(--fs-color-surface);
+      --fs-color-bg-subtle: var(--fs-color-subtle);
+      --fs-color-surface-raised: var(--fs-color-surface);
+      --fs-color-surface-interactive: var(--fs-color-subtle);
+      --fs-color-text-primary: var(--fs-color-text);
+      --fs-color-text-muted: var(--fs-color-muted);
+      --fs-color-border-default: var(--fs-color-border);
+      --fs-color-focus: var(--fs-color-primary);
+      --fs-tooltip-bg: #f8fafc;
+      --fs-tooltip-text: #1e293b;
+    }
+  }
+  @media (forced-colors: active) {
+    :root,
+    [data-theme=dark],
+    [data-fs-theme=light],
+    [data-fs-theme=dark],
+    [data-fs-theme=auto] {
+      --fs-color-border: CanvasText;
+      --fs-color-text: CanvasText;
+      --fs-color-surface: Canvas;
+      --fs-color-subtle: Canvas;
+      --fs-focus-color: Highlight;
+    }
+  }
+}
+/*# sourceMappingURL=fokus-dark.css.map */

package/dist/css/fokus-dark.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["file:///home/runner/work/fokus-styles/fokus-styles/packages/fokus-core/scss/tokens/_root.scss","../../scss/entries/dark-entry.scss","file:///home/runner/work/fokus-styles/fokus-styles/packages/fokus-core/scss/tokens/_semantic.scss","file:///home/runner/work/fokus-styles/fokus-styles/packages/fokus-core/scss/tokens/_charts.scss","file:///home/runner/work/fokus-styles/fokus-styles/packages/fokus-core/scss/themes/_dark.scss"],"names":[],"mappings":"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","file":"fokus-dark.css","sourcesContent":["@use \"sass:map\";\n@use \"../settings\" as *;\n@use \"../tools\" as *;\n\n// Ordem canônica das camadas: declarada uma única vez aqui porque `tokens`\n// é sempre o primeiro `@use` de cada entry point (ver scss/entries/*.scss e\n// scss/fokus.scss) — evita repetir a declaração em cada bundle.\n@layer reset, tokens, base, layout, components, utilities, overrides;\n\n@layer tokens {\n  // Bloco incondicional: fallback sRGB, aplicado em todo navegador. Os\n  // valores de cor aqui vêm de `rgb-fallback()` (gamut-mapeado a partir do\n  // primitivo OKLCH) — ver `tools/_mixins.scss`. É sempre sobrescrito pelo\n  // bloco `@supports` abaixo em navegadores com suporte a `oklch()`; um\n  // `--fs-*` de cor nunca deve ser lido só daqui em código novo.\n  :root {\n    --fs-color-white: #{$color-white};\n    --fs-color-black: #{$color-black};\n    --fs-color-text: #{rgb-fallback($color-gray-900)};\n    --fs-color-muted: #{rgb-fallback($color-gray-600)};\n    --fs-color-border: #{rgb-fallback($color-gray-300)};\n    --fs-color-surface: #{$color-white};\n    --fs-color-subtle: #{rgb-fallback($color-gray-100)};\n    --fs-font-sans: #{$font-family-sans};\n    --fs-font-mono: #{$font-family-mono};\n    --fs-font-size-md: #{$font-size-md};\n    --fs-font-size-h1: #{$font-size-h1};\n    --fs-font-size-h2: #{$font-size-h2};\n    --fs-font-size-h3: #{$font-size-h3};\n    --fs-font-size-h4: #{$font-size-h4};\n    --fs-font-size-h5: #{$font-size-h5};\n    --fs-font-size-h6: #{$font-size-h6};\n    --fs-font-weight-semibold: #{$font-weight-semibold};\n    --fs-line-height-base: #{$line-height-base};\n    --fs-line-height-heading: #{$line-height-heading};\n    --fs-radius-sm: #{$radius-sm};\n    --fs-radius-md: #{$radius-md};\n    --fs-radius-lg: #{$radius-lg};\n    --fs-gutter-x: #{map.get($spacers, 4)};\n    --fs-gutter-y: 0px;\n\n    @each $name, $space in $spacers {\n      --fs-space-#{$name}: #{$space};\n    }\n\n    @each $name, $z-index in $z-indexes {\n      --fs-z-#{$name}: #{$z-index};\n    }\n\n    --fs-control-height: 38px;\n    --fs-control-height-sm: 30px;\n    --fs-control-height-lg: 46px;\n    --fs-control-padding-x: 12px;\n    --fs-control-padding-x-sm: 8px;\n    --fs-control-padding-x-lg: 16px;\n    --fs-focus-width: 2px;\n    --fs-focus-offset: 2px;\n    --fs-focus-color: var(--fs-color-primary);\n    --fs-focus-ring-size: 3px;\n    --fs-focus-ring-color: color-mix(in srgb, var(--fs-focus-color) 22%, transparent);\n    --fs-focus-ring-alpha: 22%;\n    --fs-transition-fast: 150ms;\n    --fs-transition-normal: 220ms;\n    --fs-motion-duration-fast: var(--fs-transition-fast);\n    --fs-motion-duration-normal: var(--fs-transition-normal);\n    --fs-motion-ease-standard: var(--fs-ease-standard);\n    --fs-ease-standard: cubic-bezier(0.2, 0, 0, 1);\n    --fs-border-width: 1px;\n    --fs-disabled-opacity: 0.5;\n    --fs-safe-area-top: env(safe-area-inset-top, 0px);\n    --fs-safe-area-right: env(safe-area-inset-right, 0px);\n    --fs-safe-area-bottom: env(safe-area-inset-bottom, 0px);\n    --fs-safe-area-left: env(safe-area-inset-left, 0px);\n    --fs-component-control-height: var(--fs-control-height);\n    --fs-component-overlay-backdrop: rgb(0 0 0 / 55%);\n    --fs-component-panel-radius: var(--fs-radius-md);\n    --fs-component-panel-shadow: var(--fs-shadow-lg);\n\n    // Referência dos limiares usados pelos utilitários `@container` (ver\n    // `packages/fokus-utilities/scss/utilities/_container-queries.scss`).\n    // Só informativas: a condição de um `@container` precisa de um valor\n    // literal em tempo de build, não aceita `var()` — mudar aqui não\n    // recalibra as regras já compiladas, só documenta os valores usados.\n    @each $name, $width in $container-breakpoints {\n      --fs-cq-#{$name}: #{$width};\n    }\n\n    --fs-shadow-sm: 0 1px 3px rgb(0 0 0 / 15%), 0 1px 2px rgb(0 0 0 / 10%);\n    --fs-shadow-md: 0 6px 12px rgb(0 0 0 / 15%), 0 3px 6px rgb(0 0 0 / 10%);\n    --fs-shadow-lg: 0 15px 30px rgb(0 0 0 / 18%), 0 6px 12px rgb(0 0 0 / 12%);\n    --fs-tooltip-bg: #{rgb-fallback($color-gray-900)};\n    --fs-tooltip-text: #{$color-white};\n\n    @each $name, $color in $theme-colors {\n      --fs-color-#{$name}: #{rgb-fallback($color)};\n      --fs-color-on-#{$name}: #{color-contrast($color)};\n      --fs-alert-#{$name}-bg: #{rgb-fallback(tint-color($color))};\n      --fs-alert-#{$name}-text: #{rgb-fallback(shade-color($color))};\n    }\n\n    @each $name, $bg in $theme-bg-colors {\n      --fs-feedback-#{$name}-bg: #{rgb-fallback($bg)};\n    }\n  }\n\n  // Bloco condicional: valores nativos em OKLCH. `@supports (color: oklch(0%\n  // 0 0))` só passa em navegadores que entendem a função — os demais ignoram\n  // o bloco inteiro e mantêm o fallback sRGB acima. Só propriedades de cor\n  // entram aqui; o resto (fontes, raio, sombra, gutter) não tem equivalente\n  // \"melhor\" em OKLCH e já está definido de forma incondicional.\n  @supports (color: oklch(0% 0 0)) {\n    :root {\n      --fs-color-text: #{$color-gray-900};\n      --fs-color-muted: #{$color-gray-600};\n      --fs-color-border: #{$color-gray-300};\n      --fs-color-subtle: #{$color-gray-100};\n      --fs-tooltip-bg: #{$color-gray-900};\n\n      @each $name, $color in $theme-colors {\n        --fs-color-#{$name}: #{$color};\n        --fs-color-on-#{$name}: #{color-contrast($color)};\n        --fs-alert-#{$name}-bg: #{tint-color($color)};\n        --fs-alert-#{$name}-text: #{shade-color($color)};\n      }\n\n      @each $name, $bg in $theme-bg-colors {\n        --fs-feedback-#{$name}-bg: #{$bg};\n      }\n    }\n  }\n}\n","@layer reset, tokens, base, layout, components, utilities, overrides;\n@layer tokens {\n  :root {\n    --fs-color-white: #ffffff;\n    --fs-color-black: #000000;\n    --fs-color-text: #1e293b;\n    --fs-color-muted: #64748b;\n    --fs-color-border: #e2e8f0;\n    --fs-color-surface: #ffffff;\n    --fs-color-subtle: #f8fafc;\n    --fs-font-sans: Plus Jakarta Sans, sans-serif;\n    --fs-font-mono: Source Code Pro, monospace;\n    --fs-font-size-md: 0.8125rem;\n    --fs-font-size-h1: 1.75rem;\n    --fs-font-size-h2: 1.5rem;\n    --fs-font-size-h3: 1.3125rem;\n    --fs-font-size-h4: 1.125rem;\n    --fs-font-size-h5: 1rem;\n    --fs-font-size-h6: 0.875rem;\n    --fs-font-weight-semibold: 600;\n    --fs-line-height-base: 1.5;\n    --fs-line-height-heading: 1.25;\n    --fs-radius-sm: 4px;\n    --fs-radius-md: 6px;\n    --fs-radius-lg: 8px;\n    --fs-gutter-x: 1.5rem;\n    --fs-gutter-y: 0px;\n    --fs-space-0: 0;\n    --fs-space-1: 0.25rem;\n    --fs-space-2: 0.5rem;\n    --fs-space-3: 1rem;\n    --fs-space-4: 1.5rem;\n    --fs-space-5: 3rem;\n    --fs-z-base: 0;\n    --fs-z-dropdown: 1000;\n    --fs-z-sticky: 1020;\n    --fs-z-modal: 1050;\n    --fs-z-offcanvas: 1060;\n    --fs-z-notification: 1080;\n    --fs-z-toast: 1090;\n    --fs-z-tooltip: 1100;\n    --fs-control-height: 38px;\n    --fs-control-height-sm: 30px;\n    --fs-control-height-lg: 46px;\n    --fs-control-padding-x: 12px;\n    --fs-control-padding-x-sm: 8px;\n    --fs-control-padding-x-lg: 16px;\n    --fs-focus-width: 2px;\n    --fs-focus-offset: 2px;\n    --fs-focus-color: var(--fs-color-primary);\n    --fs-focus-ring-size: 3px;\n    --fs-focus-ring-color: color-mix(in srgb, var(--fs-focus-color) 22%, transparent);\n    --fs-focus-ring-alpha: 22%;\n    --fs-transition-fast: 150ms;\n    --fs-transition-normal: 220ms;\n    --fs-motion-duration-fast: var(--fs-transition-fast);\n    --fs-motion-duration-normal: var(--fs-transition-normal);\n    --fs-motion-ease-standard: var(--fs-ease-standard);\n    --fs-ease-standard: cubic-bezier(0.2, 0, 0, 1);\n    --fs-border-width: 1px;\n    --fs-disabled-opacity: 0.5;\n    --fs-safe-area-top: env(safe-area-inset-top, 0px);\n    --fs-safe-area-right: env(safe-area-inset-right, 0px);\n    --fs-safe-area-bottom: env(safe-area-inset-bottom, 0px);\n    --fs-safe-area-left: env(safe-area-inset-left, 0px);\n    --fs-component-control-height: var(--fs-control-height);\n    --fs-component-overlay-backdrop: rgb(0 0 0 / 55%);\n    --fs-component-panel-radius: var(--fs-radius-md);\n    --fs-component-panel-shadow: var(--fs-shadow-lg);\n    --fs-cq-sm: 320px;\n    --fs-cq-md: 480px;\n    --fs-cq-lg: 640px;\n    --fs-shadow-sm: 0 1px 3px rgb(0 0 0 / 15%), 0 1px 2px rgb(0 0 0 / 10%);\n    --fs-shadow-md: 0 6px 12px rgb(0 0 0 / 15%), 0 3px 6px rgb(0 0 0 / 10%);\n    --fs-shadow-lg: 0 15px 30px rgb(0 0 0 / 18%), 0 6px 12px rgb(0 0 0 / 12%);\n    --fs-tooltip-bg: #1e293b;\n    --fs-tooltip-text: #ffffff;\n    --fs-color-primary: #1a61e6;\n    --fs-color-on-primary: #ffffff;\n    --fs-alert-primary-bg: rgb(220.3846532222, 232.689549371, 254.1042117072);\n    --fs-alert-primary-text: rgb(4.2540793692, 32.6552622518, 88.5748738661);\n    --fs-color-secondary: #64748b;\n    --fs-color-on-secondary: #ffffff;\n    --fs-alert-secondary-bg: rgb(230.2895610064, 233.0325853352, 236.9919508609);\n    --fs-alert-secondary-text: rgb(33.9166068747, 40.6437781967, 50.3140869721);\n    --fs-color-success: rgb(13, 209, 87);\n    --fs-color-on-success: #000000;\n    --fs-alert-success-bg: rgb(228.9046733915, 249.1514320752, 230.8709345684);\n    --fs-alert-success-text: rgb(1.6574790861, 79.745461506, 28.4507801755);\n    --fs-color-warning: #fab633;\n    --fs-color-on-warning: #000000;\n    --fs-alert-warning-bg: rgb(254.9170612621, 244.6528756631, 228.9710928247);\n    --fs-alert-warning-text: rgb(96.9838380187, 68.3933599001, 13.3146447009);\n    --fs-color-danger: #cc3335;\n    --fs-color-on-danger: #ffffff;\n    --fs-alert-danger-bg: rgb(251.9225977632, 226.389403069, 223.5618211362);\n    --fs-alert-danger-text: rgb(77.6432204678, 13.3146447009, 14.1555411162);\n    --fs-color-info: #5e5cc7;\n    --fs-color-on-info: #ffffff;\n    --fs-alert-info-bg: rgb(228.2395257626, 230.4806192824, 248.3934544766);\n    --fs-alert-info-text: rgb(31.3939176289, 30.5530212136, 75.5409794297);\n    --fs-feedback-primary-bg: #e6f0ff;\n    --fs-feedback-secondary-bg: #f8fafc;\n    --fs-feedback-success-bg: #e6fff2;\n    --fs-feedback-warning-bg: #fff9e6;\n    --fs-feedback-danger-bg: #fff2f3;\n    --fs-feedback-info-bg: #f2f2ff;\n  }\n  @supports (color: oklch(0% 0 0deg)) {\n    :root {\n      --fs-color-text: oklch(27.9495237712% 0.0368481257 260.0309873929deg);\n      --fs-color-muted: oklch(55.4391007662% 0.040717043 257.4166191214deg);\n      --fs-color-border: oklch(92.876126719% 0.0126187744 255.5078854448deg);\n      --fs-color-subtle: oklch(98.4151869501% 0.0034126992 247.8577745944deg);\n      --fs-tooltip-bg: oklch(27.9495237712% 0.0368481257 260.0309873929deg);\n      --fs-color-primary: oklch(53.5630074284% 0.2132145174 261.6264320248deg);\n      --fs-color-on-primary: #ffffff;\n      --fs-alert-primary-bg: oklch(93.0344511143% 0.0319821776 261.6264320248deg);\n      --fs-alert-primary-text: oklch(26.7815037142% 0.1066072587 261.6264320248deg);\n      --fs-color-secondary: oklch(55.4391007662% 0.040717043 257.4166191214deg);\n      --fs-color-on-secondary: #ffffff;\n      --fs-alert-secondary-bg: oklch(93.3158651149% 0.0061075564 257.4166191214deg);\n      --fs-alert-secondary-text: oklch(27.7195503831% 0.0203585215 257.4166191214deg);\n      --fs-color-success: oklch(75.151587899% 0.2146126169 148.125846236deg);\n      --fs-color-on-success: #000000;\n      --fs-alert-success-bg: oklch(96.2727381849% 0.0321918925 148.125846236deg);\n      --fs-alert-success-text: oklch(37.5757939495% 0.1073063085 148.125846236deg);\n      --fs-color-warning: oklch(81.9510815663% 0.1562613975 78.6575213966deg);\n      --fs-color-on-warning: #000000;\n      --fs-alert-warning-bg: oklch(97.2926622349% 0.0234392096 78.6575213966deg);\n      --fs-alert-warning-text: oklch(40.9755407832% 0.0781306987 78.6575213966deg);\n      --fs-color-danger: oklch(55.9653139301% 0.1897270855 25.2407937498deg);\n      --fs-color-on-danger: #ffffff;\n      --fs-alert-danger-bg: oklch(93.3947970895% 0.0284590628 25.2407937498deg);\n      --fs-alert-danger-text: oklch(27.982656965% 0.0948635427 25.2407937498deg);\n      --fs-color-info: oklch(53.3359780029% 0.1620131129 280.2231949375deg);\n      --fs-color-on-info: #ffffff;\n      --fs-alert-info-bg: oklch(93.0003967004% 0.0243019669 280.2231949375deg);\n      --fs-alert-info-text: oklch(26.6679890014% 0.0810065564 280.2231949375deg);\n      --fs-feedback-primary-bg: oklch(95.2067827456% 0.0228899025 258.359342143deg);\n      --fs-feedback-secondary-bg: oklch(98.4151869501% 0.0034126992 247.8577745944deg);\n      --fs-feedback-success-bg: oklch(97.8305614459% 0.0311593614 163.2740567608deg);\n      --fs-feedback-warning-bg: oklch(98.17094418% 0.025708244 92.3886876566deg);\n      --fs-feedback-danger-bg: oklch(97.1603097552% 0.0140720277 12.0135639679deg);\n      --fs-feedback-info-bg: oklch(96.4918490239% 0.0173174767 286.0707018324deg);\n    }\n  }\n}\n@layer tokens {\n  :root {\n    --fs-color-bg-surface: var(--fs-color-surface);\n    --fs-color-bg-subtle: var(--fs-color-subtle);\n    --fs-color-text-primary: var(--fs-color-text);\n    --fs-color-text-muted: var(--fs-color-muted);\n    --fs-color-border-default: var(--fs-color-border);\n    --fs-color-focus: var(--fs-color-primary);\n    --fs-color-surface-raised: var(--fs-color-surface);\n    --fs-color-surface-interactive: var(--fs-color-subtle);\n    --fs-color-action-primary: var(--fs-color-primary);\n    --fs-color-action-danger: var(--fs-color-danger);\n  }\n}\n@layer tokens {\n  :root {\n    --fs-chart-series-1: var(--fs-color-primary);\n    --fs-chart-series-2: var(--fs-color-success);\n    --fs-chart-series-3: var(--fs-color-warning);\n    --fs-chart-series-4: var(--fs-color-danger);\n    --fs-chart-series-5: var(--fs-color-info);\n    --fs-chart-series-6: var(--fs-color-secondary);\n    --fs-chart-grid: var(--fs-color-border);\n    --fs-chart-axis: var(--fs-color-muted);\n    --fs-chart-tooltip-bg: var(--fs-tooltip-bg);\n    --fs-chart-tooltip-text: var(--fs-tooltip-text);\n  }\n}\n@layer tokens {\n  [data-theme=dark],\n  [data-fs-theme=dark] {\n    --fs-color-text: #f1f3f4;\n    --fs-color-muted: #bdc1c6;\n    --fs-color-border: #3c4043;\n    --fs-color-surface: #202124;\n    --fs-color-subtle: #2b2c2f;\n    --fs-color-bg-surface: var(--fs-color-surface);\n    --fs-color-bg-subtle: var(--fs-color-subtle);\n    --fs-color-surface-raised: var(--fs-color-surface);\n    --fs-color-surface-interactive: var(--fs-color-subtle);\n    --fs-color-text-primary: var(--fs-color-text);\n    --fs-color-text-muted: var(--fs-color-muted);\n    --fs-color-border-default: var(--fs-color-border);\n    --fs-color-focus: var(--fs-color-primary);\n    --fs-color-action-primary: var(--fs-color-primary);\n    --fs-color-action-danger: var(--fs-color-danger);\n    --fs-shadow-sm: 0 1px 3px rgb(0 0 0 / 50%), 0 1px 2px rgb(0 0 0 / 40%);\n    --fs-shadow-md: 0 6px 12px rgb(0 0 0 / 55%), 0 3px 6px rgb(0 0 0 / 45%);\n    --fs-shadow-lg: 0 15px 30px rgb(0 0 0 / 60%), 0 6px 12px rgb(0 0 0 / 50%);\n    --fs-tooltip-bg: #f8fafc;\n    --fs-tooltip-text: #1e293b;\n    --fs-color-primary: rgb(39.8728684152, 106.2372587275, 232.1894887664);\n    --fs-alert-primary-bg: rgb(30.765779113, 49.9974662348, 82.3021425489);\n    --fs-alert-primary-text: rgb(130.6636212695, 172.0850768824, 246.4419684583);\n    --fs-feedback-primary-bg: rgb(30.765779113, 49.9974662348, 82.3021425489);\n    --fs-color-secondary: rgb(114.3557068426, 129.039220146, 150.1520317181);\n    --fs-alert-secondary-bg: rgb(39.6548148226, 51.4270943358, 70.2648514061);\n    --fs-alert-secondary-text: rgb(166.7597509121, 176.2809684237, 189.9919576187);\n    --fs-feedback-secondary-bg: rgb(39.6548148226, 51.4270943358, 70.2648514061);\n    --fs-color-success: rgb(134.4501166043, 226.9563331209, 149.6185042518);\n    --fs-alert-success-bg: rgb(24.8621518491, 61.9088085702, 89.0318819222);\n    --fs-alert-success-text: rgb(155.0475916512, 231.7231823866, 166.1609492581);\n    --fs-feedback-success-bg: rgb(24.8621518491, 61.9088085702, 89.0318819222);\n    --fs-color-warning: rgb(252.9400238762, 208.7461261831, 137.9221837268);\n    --fs-alert-warning-bg: rgb(59.1359779173, 56.6792370273, 88.6687774507);\n    --fs-alert-warning-text: rgb(253.5439861058, 216.1213263099, 157.1705651606);\n    --fs-feedback-warning-bg: rgb(59.1359779173, 56.6792370273, 88.6687774507);\n    --fs-color-danger: rgb(208.1189955268, 64.9740184262, 63.4302936954);\n    --fs-alert-danger-bg: rgb(44.6823973866, 47.5125073063, 81.2083778204);\n    --fs-alert-danger-text: rgb(235.4050745756, 149.9650253478, 142.4924034553);\n    --fs-feedback-danger-bg: rgb(44.6823973866, 47.5125073063, 81.2083778204);\n    --fs-color-info: #5e5cc7;\n    --fs-alert-info-bg: rgb(35.0058091619, 49.6887857769, 78.5757788254);\n    --fs-alert-info-text: rgb(160.628671266, 165.881962789, 227.610600335);\n    --fs-feedback-info-bg: rgb(35.0058091619, 49.6887857769, 78.5757788254);\n  }\n  @supports (color: oklch(0% 0 0deg)) {\n    [data-theme=dark],\n    [data-fs-theme=dark] {\n      --fs-color-text: oklch(96.2913383165% 0.002529697 228.7848682695deg);\n      --fs-color-muted: oklch(80.9268110646% 0.0083071608 253.8653061211deg);\n      --fs-color-border: oklch(36.8827622528% 0.0074489239 240.018838067deg);\n      --fs-color-surface: oklch(24.7936263361% 0.0058460141 271.1764187765deg);\n      --fs-color-subtle: oklch(29.3286259539% 0.0055990771 271.2234269855deg);\n      --fs-color-bg-surface: var(--fs-color-surface);\n      --fs-color-bg-subtle: var(--fs-color-subtle);\n      --fs-color-surface-raised: var(--fs-color-surface);\n      --fs-color-surface-interactive: var(--fs-color-subtle);\n      --fs-color-text-primary: var(--fs-color-text);\n      --fs-color-text-muted: var(--fs-color-muted);\n      --fs-color-border-default: var(--fs-color-border);\n      --fs-color-focus: var(--fs-color-primary);\n      --fs-color-action-primary: var(--fs-color-primary);\n      --fs-color-action-danger: var(--fs-color-danger);\n      --fs-tooltip-bg: oklch(98.4151869501% 0.0034126992 247.8577745944deg);\n      --fs-tooltip-text: oklch(27.9495237712% 0.0368481257 260.0309873929deg);\n      --fs-color-primary: oklch(55.884857057% 0.2025537915 261.6264320248deg);\n      --fs-alert-primary-bg: oklch(31.7915463198% 0.0633030844 260.2703040876deg);\n      --fs-alert-primary-text: oklch(74.4596540856% 0.1172679846 261.6264320248deg);\n      --fs-feedback-primary-bg: oklch(31.7915463198% 0.0633030844 260.2703040876deg);\n      --fs-color-secondary: oklch(59.8951906896% 0.0366453387 257.4166191214deg);\n      --fs-alert-secondary-bg: oklch(32.0729603204% 0.0374284633 259.6388321521deg);\n      --fs-alert-secondary-text: oklch(75.4915054214% 0.0223943736 257.4166191214deg);\n      --fs-feedback-secondary-bg: oklch(32.0729603204% 0.0374284633 259.6388321521deg);\n      --fs-color-success: oklch(83.8485321344% 0.139498201 148.125846236deg);\n      --fs-alert-success-bg: oklch(35.0298333903% 0.0635127994 243.2452162193deg);\n      --fs-alert-success-text: oklch(86.3333733445% 0.1180369393 148.125846236deg);\n      --fs-feedback-success-bg: oklch(35.0298333903% 0.0635127994 243.2452162193deg);\n      --fs-color-warning: oklch(88.2682030181% 0.1015699084 78.6575213966deg);\n      --fs-alert-warning-bg: oklch(36.0497574404% 0.0547601164 286.8249674934deg);\n      --fs-alert-warning-text: oklch(90.0730948615% 0.0859437686 78.6575213966deg);\n      --fs-feedback-warning-bg: oklch(36.0497574404% 0.0547601164 286.8249674934deg);\n      --fs-color-danger: oklch(58.1670482336% 0.1802407312 25.2407937498deg);\n      --fs-alert-danger-bg: oklch(32.151892295% 0.0597799696 278.8124583464deg);\n      --fs-alert-danger-text: oklch(75.7809226615% 0.104349897 25.2407937498deg);\n      --fs-feedback-danger-bg: oklch(32.151892295% 0.0597799696 278.8124583464deg);\n      --fs-color-info: oklch(53.3359780029% 0.1620131129 280.2231949375deg);\n      --fs-alert-info-bg: oklch(31.7574919059% 0.0556228738 263.0598185246deg);\n      --fs-alert-info-text: oklch(74.3347879016% 0.0891072121 280.2231949375deg);\n      --fs-feedback-info-bg: oklch(31.7574919059% 0.0556228738 263.0598185246deg);\n    }\n  }\n  @media (prefers-color-scheme: dark) {\n    [data-fs-theme=auto] {\n      --fs-color-text: #f1f3f4;\n      --fs-color-muted: #bdc1c6;\n      --fs-color-border: #3c4043;\n      --fs-color-surface: #202124;\n      --fs-color-subtle: #2b2c2f;\n      --fs-color-bg-surface: var(--fs-color-surface);\n      --fs-color-bg-subtle: var(--fs-color-subtle);\n      --fs-color-surface-raised: var(--fs-color-surface);\n      --fs-color-surface-interactive: var(--fs-color-subtle);\n      --fs-color-text-primary: var(--fs-color-text);\n      --fs-color-text-muted: var(--fs-color-muted);\n      --fs-color-border-default: var(--fs-color-border);\n      --fs-color-focus: var(--fs-color-primary);\n      --fs-tooltip-bg: #f8fafc;\n      --fs-tooltip-text: #1e293b;\n    }\n  }\n  @media (forced-colors: active) {\n    :root,\n    [data-theme=dark],\n    [data-fs-theme=light],\n    [data-fs-theme=dark],\n    [data-fs-theme=auto] {\n      --fs-color-border: CanvasText;\n      --fs-color-text: CanvasText;\n      --fs-color-surface: Canvas;\n      --fs-color-subtle: Canvas;\n      --fs-focus-color: Highlight;\n    }\n  }\n}","// Camada semântica: nomeia tokens por PAPEL (o que a cor faz na interface),\n// não por valor. Cada token aqui é um alias `var()` de um token primitivo\n// (`_root.scss`) — não introduz nenhuma cor nova, só um vocabulário estável\n// entre o primitivo e o consumo por componente (ver `_component-buttons.scss`\n// como referência de como um componente deve consumir esta camada).\n// Por que alias e não recalcular o valor: um `var()` encadeado continua\n// resolvendo o fallback sRGB/OKLCH já decidido em `_root.scss` — não precisa\n// repetir a lógica de `@supports` aqui.\n@layer tokens {\n  :root {\n    // Superfícies\n    --fs-color-bg-surface: var(--fs-color-surface);\n    --fs-color-bg-subtle: var(--fs-color-subtle);\n\n    // Texto\n    --fs-color-text-primary: var(--fs-color-text);\n    --fs-color-text-muted: var(--fs-color-muted);\n\n    // Bordas\n    --fs-color-border-default: var(--fs-color-border);\n    --fs-color-focus: var(--fs-color-primary);\n    --fs-color-surface-raised: var(--fs-color-surface);\n    --fs-color-surface-interactive: var(--fs-color-subtle);\n\n    // Ação (mapeiam para a cor de tema correspondente — existem para dar um\n    // nome estável a \"a cor de ação primária\", independente de qual token\n    // primitivo ela usa por baixo).\n    --fs-color-action-primary: var(--fs-color-primary);\n    --fs-color-action-danger: var(--fs-color-danger);\n  }\n}\n","// Tokens de gráficos: agnósticos de biblioteca — não é um wrapper de\n// Chart.js/ECharts/Recharts/etc., só cores/tema que qualquer uma delas pode\n// consumir via `getComputedStyle`/CSS custom properties. Aliases da camada\n// semântica já existente (mesma técnica de `_semantic.scss`), então\n// acompanham `data-theme`/`data-fs-brand` automaticamente sem token novo por\n// tema. Ver docs/guides/charts.md.\n@layer tokens {\n  :root {\n    --fs-chart-series-1: var(--fs-color-primary);\n    --fs-chart-series-2: var(--fs-color-success);\n    --fs-chart-series-3: var(--fs-color-warning);\n    --fs-chart-series-4: var(--fs-color-danger);\n    --fs-chart-series-5: var(--fs-color-info);\n    --fs-chart-series-6: var(--fs-color-secondary);\n    --fs-chart-grid: var(--fs-color-border);\n    --fs-chart-axis: var(--fs-color-muted);\n    --fs-chart-tooltip-bg: var(--fs-tooltip-bg);\n    --fs-chart-tooltip-text: var(--fs-tooltip-text);\n  }\n}\n","@use \"sass:color\";\n@use \"sass:map\";\n@use \"../settings\" as *;\n@use \"../tools\" as *;\n\n// Peso (% da cor original mantida, ver color.mix()) de cada cor de estado no\n// tema escuro. O limite de cada uma é o quanto dá pra clarear em direção ao\n// branco antes de virar o texto branco/preto que color-contrast() já\n// pré-calculou para os preenchimentos sólidos (botões, badges) no tema claro\n// — passar do limite deixaria esse texto ilegível. `primary` e `danger` têm\n// texto branco no preenchimento, então clareiam pouco (clarear reduz o\n// contraste com o branco); `info` não tem margem e fica sem alteração (100%).\n// Misturas em `$method: oklch` (ver tools/_mixins.scss) — recalibrado e\n// revalidado com `npm run contrast` após a migração para OKLCH.\n@layer tokens {\n  $dark-color-weights: (\n    primary: 95%,\n    secondary: 90%,\n    success: 65%,\n    warning: 65%,\n    danger: 95%,\n    info: 100%\n  ) !default;\n\n  $dark-text: color.to-space(#f1f3f4, oklch) !default;\n  $dark-muted: color.to-space(#bdc1c6, oklch) !default;\n  $dark-border: color.to-space(#3c4043, oklch) !default;\n  $dark-surface: color.to-space(#202124, oklch) !default;\n  $dark-subtle: color.to-space(#2b2c2f, oklch) !default;\n\n  // Pesos de alert/feedback bg+text no escuro: validados por\n  // `npm run contrast` para ≥4.5:1 (texto normal) em todas as 6 cores —\n  // não abaixe sem reconferir o relatório.\n  $dark-alert-bg-weight: 15%;\n  $dark-alert-text-weight: 55%;\n\n  [data-theme=\"dark\"],\n  [data-fs-theme=\"dark\"] {\n    --fs-color-text: #{rgb-fallback($dark-text)};\n    --fs-color-muted: #{rgb-fallback($dark-muted)};\n    --fs-color-border: #{rgb-fallback($dark-border)};\n    --fs-color-surface: #{rgb-fallback($dark-surface)};\n    --fs-color-subtle: #{rgb-fallback($dark-subtle)};\n    --fs-color-bg-surface: var(--fs-color-surface);\n    --fs-color-bg-subtle: var(--fs-color-subtle);\n    --fs-color-surface-raised: var(--fs-color-surface);\n    --fs-color-surface-interactive: var(--fs-color-subtle);\n    --fs-color-text-primary: var(--fs-color-text);\n    --fs-color-text-muted: var(--fs-color-muted);\n    --fs-color-border-default: var(--fs-color-border);\n    --fs-color-focus: var(--fs-color-primary);\n    --fs-color-action-primary: var(--fs-color-primary);\n    --fs-color-action-danger: var(--fs-color-danger);\n    --fs-shadow-sm: 0 1px 3px rgb(0 0 0 / 50%), 0 1px 2px rgb(0 0 0 / 40%);\n    --fs-shadow-md: 0 6px 12px rgb(0 0 0 / 55%), 0 3px 6px rgb(0 0 0 / 45%);\n    --fs-shadow-lg: 0 15px 30px rgb(0 0 0 / 60%), 0 6px 12px rgb(0 0 0 / 50%);\n    --fs-tooltip-bg: #{rgb-fallback($color-gray-100)};\n    --fs-tooltip-text: #{rgb-fallback($color-gray-900)};\n\n    @each $name, $color in $theme-colors {\n      --fs-color-#{$name}: #{rgb-fallback(color.mix($color, $color-white, map.get($dark-color-weights, $name), $method: oklch))};\n      --fs-alert-#{$name}-bg: #{rgb-fallback(color.mix($color, $color-gray-900, $dark-alert-bg-weight, $method: oklch))};\n      --fs-alert-#{$name}-text: #{rgb-fallback(color.mix($color, $color-white, $dark-alert-text-weight, $method: oklch))};\n      --fs-feedback-#{$name}-bg: #{rgb-fallback(color.mix($color, $color-gray-900, $dark-alert-bg-weight, $method: oklch))};\n    }\n  }\n\n  @supports (color: oklch(0% 0 0)) {\n    [data-theme=\"dark\"],\n    [data-fs-theme=\"dark\"] {\n      --fs-color-text: #{$dark-text};\n      --fs-color-muted: #{$dark-muted};\n      --fs-color-border: #{$dark-border};\n      --fs-color-surface: #{$dark-surface};\n      --fs-color-subtle: #{$dark-subtle};\n      --fs-color-bg-surface: var(--fs-color-surface);\n      --fs-color-bg-subtle: var(--fs-color-subtle);\n      --fs-color-surface-raised: var(--fs-color-surface);\n      --fs-color-surface-interactive: var(--fs-color-subtle);\n      --fs-color-text-primary: var(--fs-color-text);\n      --fs-color-text-muted: var(--fs-color-muted);\n      --fs-color-border-default: var(--fs-color-border);\n      --fs-color-focus: var(--fs-color-primary);\n      --fs-color-action-primary: var(--fs-color-primary);\n      --fs-color-action-danger: var(--fs-color-danger);\n      --fs-tooltip-bg: #{$color-gray-100};\n      --fs-tooltip-text: #{$color-gray-900};\n\n      @each $name, $color in $theme-colors {\n        --fs-color-#{$name}: #{color.mix($color, $color-white, map.get($dark-color-weights, $name), $method: oklch)};\n        --fs-alert-#{$name}-bg: #{color.mix($color, $color-gray-900, $dark-alert-bg-weight, $method: oklch)};\n        --fs-alert-#{$name}-text: #{color.mix($color, $color-white, $dark-alert-text-weight, $method: oklch)};\n        --fs-feedback-#{$name}-bg: #{color.mix($color, $color-gray-900, $dark-alert-bg-weight, $method: oklch)};\n      }\n    }\n  }\n\n  @media (prefers-color-scheme: dark) {\n    [data-fs-theme=\"auto\"] {\n      --fs-color-text: #{rgb-fallback($dark-text)};\n      --fs-color-muted: #{rgb-fallback($dark-muted)};\n      --fs-color-border: #{rgb-fallback($dark-border)};\n      --fs-color-surface: #{rgb-fallback($dark-surface)};\n      --fs-color-subtle: #{rgb-fallback($dark-subtle)};\n      --fs-color-bg-surface: var(--fs-color-surface);\n      --fs-color-bg-subtle: var(--fs-color-subtle);\n      --fs-color-surface-raised: var(--fs-color-surface);\n      --fs-color-surface-interactive: var(--fs-color-subtle);\n      --fs-color-text-primary: var(--fs-color-text);\n      --fs-color-text-muted: var(--fs-color-muted);\n      --fs-color-border-default: var(--fs-color-border);\n      --fs-color-focus: var(--fs-color-primary);\n      --fs-tooltip-bg: #{rgb-fallback($color-gray-100)};\n      --fs-tooltip-text: #{rgb-fallback($color-gray-900)};\n    }\n  }\n\n  @media (forced-colors: active) {\n    :root,\n    [data-theme=\"dark\"],\n    [data-fs-theme=\"light\"],\n    [data-fs-theme=\"dark\"],\n    [data-fs-theme=\"auto\"] {\n      --fs-color-border: CanvasText;\n      --fs-color-text: CanvasText;\n      --fs-color-surface: Canvas;\n      --fs-color-subtle: Canvas;\n      --fs-focus-color: Highlight;\n    }\n  }\n}\n"]}

package/dist/css/fokus-dark.min.css

@@ -0,0 +1,2 @@
+@layer reset, tokens, base, layout, components, utilities, overrides;@layer tokens{:root{--fs-color-white:#fff;--fs-color-black:#000;--fs-color-text:#1e293b;--fs-color-muted:#64748b;--fs-color-border:#e2e8f0;--fs-color-surface:#fff;--fs-color-subtle:#f8fafc;--fs-font-sans:Plus Jakarta Sans,sans-serif;--fs-font-mono:Source Code Pro,monospace;--fs-font-size-md:0.8125rem;--fs-font-size-h1:1.75rem;--fs-font-size-h2:1.5rem;--fs-font-size-h3:1.3125rem;--fs-font-size-h4:1.125rem;--fs-font-size-h5:1rem;--fs-font-size-h6:0.875rem;--fs-font-weight-semibold:600;--fs-line-height-base:1.5;--fs-line-height-heading:1.25;--fs-radius-sm:4px;--fs-radius-md:6px;--fs-radius-lg:8px;--fs-gutter-x:1.5rem;--fs-gutter-y:0px;--fs-space-0:0;--fs-space-1:0.25rem;--fs-space-2:0.5rem;--fs-space-3:1rem;--fs-space-4:1.5rem;--fs-space-5:3rem;--fs-z-base:0;--fs-z-dropdown:1000;--fs-z-sticky:1020;--fs-z-modal:1050;--fs-z-offcanvas:1060;--fs-z-notification:1080;--fs-z-toast:1090;--fs-z-tooltip:1100;--fs-control-height:38px;--fs-control-height-sm:30px;--fs-control-height-lg:46px;--fs-control-padding-x:12px;--fs-control-padding-x-sm:8px;--fs-control-padding-x-lg:16px;--fs-focus-width:2px;--fs-focus-offset:2px;--fs-focus-color:var(--fs-color-primary);--fs-focus-ring-size:3px;--fs-focus-ring-color:color-mix(in srgb,var(--fs-focus-color) 22%,#0000);--fs-focus-ring-alpha:22%;--fs-transition-fast:150ms;--fs-transition-normal:220ms;--fs-motion-duration-fast:var(--fs-transition-fast);--fs-motion-duration-normal:var(--fs-transition-normal);--fs-motion-ease-standard:var(--fs-ease-standard);--fs-ease-standard:cubic-bezier(0.2,0,0,1);--fs-border-width:1px;--fs-disabled-opacity:0.5;--fs-safe-area-top:env(safe-area-inset-top,0px);--fs-safe-area-right:env(safe-area-inset-right,0px);--fs-safe-area-bottom:env(safe-area-inset-bottom,0px);--fs-safe-area-left:env(safe-area-inset-left,0px);--fs-component-control-height:var(--fs-control-height);--fs-component-overlay-backdrop:#0000008c;--fs-component-panel-radius:var(--fs-radius-md);--fs-component-panel-shadow:var(--fs-shadow-lg);--fs-cq-sm:320px;--fs-cq-md:480px;--fs-cq-lg:640px;--fs-shadow-sm:0 1px 3px #00000026,0 1px 2px #0000001a;--fs-shadow-md:0 6px 12px #00000026,0 3px 6px #0000001a;--fs-shadow-lg:0 15px 30px #0000002e,0 6px 12px #0000001f;--fs-tooltip-bg:#1e293b;--fs-tooltip-text:#fff;--fs-color-primary:#1a61e6;--fs-color-on-primary:#fff;--fs-alert-primary-bg:#dce9fe;--fs-alert-primary-text:#042159;--fs-color-secondary:#64748b;--fs-color-on-secondary:#fff;--fs-alert-secondary-bg:#e6e9ed;--fs-alert-secondary-text:#222932;--fs-color-success:#0dd157;--fs-color-on-success:#000;--fs-alert-success-bg:#e5f9e7;--fs-alert-success-text:#02501c;--fs-color-warning:#fab633;--fs-color-on-warning:#000;--fs-alert-warning-bg:#fff5e5;--fs-alert-warning-text:#61440d;--fs-color-danger:#cc3335;--fs-color-on-danger:#fff;--fs-alert-danger-bg:#fce2e0;--fs-alert-danger-text:#4e0d0e;--fs-color-info:#5e5cc7;--fs-color-on-info:#fff;--fs-alert-info-bg:#e4e6f8;--fs-alert-info-text:#1f1f4c;--fs-feedback-primary-bg:#e6f0ff;--fs-feedback-secondary-bg:#f8fafc;--fs-feedback-success-bg:#e6fff2;--fs-feedback-warning-bg:#fff9e6;--fs-feedback-danger-bg:#fff2f3;--fs-feedback-info-bg:#f2f2ff}@supports (color:oklch(0% 0 0deg)){:root{--fs-color-text:oklch(27.9495237712% 0.0368481257 260.0309873929deg);--fs-color-muted:oklch(55.4391007662% 0.040717043 257.4166191214deg);--fs-color-border:oklch(92.876126719% 0.0126187744 255.5078854448deg);--fs-color-subtle:oklch(98.4151869501% 0.0034126992 247.8577745944deg);--fs-tooltip-bg:oklch(27.9495237712% 0.0368481257 260.0309873929deg);--fs-color-primary:oklch(53.5630074284% 0.2132145174 261.6264320248deg);--fs-color-on-primary:#fff;--fs-alert-primary-bg:oklch(93.0344511143% 0.0319821776 261.6264320248deg);--fs-alert-primary-text:oklch(26.7815037142% 0.1066072587 261.6264320248deg);--fs-color-secondary:oklch(55.4391007662% 0.040717043 257.4166191214deg);--fs-color-on-secondary:#fff;--fs-alert-secondary-bg:oklch(93.3158651149% 0.0061075564 257.4166191214deg);--fs-alert-secondary-text:oklch(27.7195503831% 0.0203585215 257.4166191214deg);--fs-color-success:oklch(75.151587899% 0.2146126169 148.125846236deg);--fs-color-on-success:#000;--fs-alert-success-bg:oklch(96.2727381849% 0.0321918925 148.125846236deg);--fs-alert-success-text:oklch(37.5757939495% 0.1073063085 148.125846236deg);--fs-color-warning:oklch(81.9510815663% 0.1562613975 78.6575213966deg);--fs-color-on-warning:#000;--fs-alert-warning-bg:oklch(97.2926622349% 0.0234392096 78.6575213966deg);--fs-alert-warning-text:oklch(40.9755407832% 0.0781306987 78.6575213966deg);--fs-color-danger:oklch(55.9653139301% 0.1897270855 25.2407937498deg);--fs-color-on-danger:#fff;--fs-alert-danger-bg:oklch(93.3947970895% 0.0284590628 25.2407937498deg);--fs-alert-danger-text:oklch(27.982656965% 0.0948635427 25.2407937498deg);--fs-color-info:oklch(53.3359780029% 0.1620131129 280.2231949375deg);--fs-color-on-info:#fff;--fs-alert-info-bg:oklch(93.0003967004% 0.0243019669 280.2231949375deg);--fs-alert-info-text:oklch(26.6679890014% 0.0810065564 280.2231949375deg);--fs-feedback-primary-bg:oklch(95.2067827456% 0.0228899025 258.359342143deg);--fs-feedback-secondary-bg:oklch(98.4151869501% 0.0034126992 247.8577745944deg);--fs-feedback-success-bg:oklch(97.8305614459% 0.0311593614 163.2740567608deg);--fs-feedback-warning-bg:oklch(98.17094418% 0.025708244 92.3886876566deg);--fs-feedback-danger-bg:oklch(97.1603097552% 0.0140720277 12.0135639679deg);--fs-feedback-info-bg:oklch(96.4918490239% 0.0173174767 286.0707018324deg)}}}@layer tokens{:root{--fs-color-bg-surface:var(--fs-color-surface);--fs-color-bg-subtle:var(--fs-color-subtle);--fs-color-text-primary:var(--fs-color-text);--fs-color-text-muted:var(--fs-color-muted);--fs-color-border-default:var(--fs-color-border);--fs-color-focus:var(--fs-color-primary);--fs-color-surface-raised:var(--fs-color-surface);--fs-color-surface-interactive:var(--fs-color-subtle);--fs-color-action-primary:var(--fs-color-primary);--fs-color-action-danger:var(--fs-color-danger);--fs-chart-series-1:var(--fs-color-primary);--fs-chart-series-2:var(--fs-color-success);--fs-chart-series-3:var(--fs-color-warning);--fs-chart-series-4:var(--fs-color-danger);--fs-chart-series-5:var(--fs-color-info);--fs-chart-series-6:var(--fs-color-secondary);--fs-chart-grid:var(--fs-color-border);--fs-chart-axis:var(--fs-color-muted);--fs-chart-tooltip-bg:var(--fs-tooltip-bg);--fs-chart-tooltip-text:var(--fs-tooltip-text)}[data-fs-theme=dark],[data-theme=dark]{--fs-color-text:#f1f3f4;--fs-color-muted:#bdc1c6;--fs-color-border:#3c4043;--fs-color-surface:#202124;--fs-color-subtle:#2b2c2f;--fs-color-bg-surface:var(--fs-color-surface);--fs-color-bg-subtle:var(--fs-color-subtle);--fs-color-surface-raised:var(--fs-color-surface);--fs-color-surface-interactive:var(--fs-color-subtle);--fs-color-text-primary:var(--fs-color-text);--fs-color-text-muted:var(--fs-color-muted);--fs-color-border-default:var(--fs-color-border);--fs-color-focus:var(--fs-color-primary);--fs-color-action-primary:var(--fs-color-primary);--fs-color-action-danger:var(--fs-color-danger);--fs-shadow-sm:0 1px 3px #00000080,0 1px 2px #0006;--fs-shadow-md:0 6px 12px #0000008c,0 3px 6px #00000073;--fs-shadow-lg:0 15px 30px #0009,0 6px 12px #00000080;--fs-tooltip-bg:#f8fafc;--fs-tooltip-text:#1e293b;--fs-color-primary:#286ae8;--fs-alert-primary-bg:#1f3252;--fs-alert-primary-text:#83acf6;--fs-feedback-primary-bg:#1f3252;--fs-color-secondary:#728196;--fs-alert-secondary-bg:#283346;--fs-alert-secondary-text:#a7b0be;--fs-feedback-secondary-bg:#283346;--fs-color-success:#86e396;--fs-alert-success-bg:#193e59;--fs-alert-success-text:#9be8a6;--fs-feedback-success-bg:#193e59;--fs-color-warning:#fdd18a;--fs-alert-warning-bg:#3b3959;--fs-alert-warning-text:#fed89d;--fs-feedback-warning-bg:#3b3959;--fs-color-danger:#d0413f;--fs-alert-danger-bg:#2d3051;--fs-alert-danger-text:#eb968e;--fs-feedback-danger-bg:#2d3051;--fs-color-info:#5e5cc7;--fs-alert-info-bg:#23324f;--fs-alert-info-text:#a1a6e4;--fs-feedback-info-bg:#23324f}}@layer tokens{}@layer tokens{@supports (color:oklch(0% 0 0deg)){[data-fs-theme=dark],[data-theme=dark]{--fs-color-text:oklch(96.2913383165% 0.002529697 228.7848682695deg);--fs-color-muted:oklch(80.9268110646% 0.0083071608 253.8653061211deg);--fs-color-border:oklch(36.8827622528% 0.0074489239 240.018838067deg);--fs-color-surface:oklch(24.7936263361% 0.0058460141 271.1764187765deg);--fs-color-subtle:oklch(29.3286259539% 0.0055990771 271.2234269855deg);--fs-color-bg-surface:var(--fs-color-surface);--fs-color-bg-subtle:var(--fs-color-subtle);--fs-color-surface-raised:var(--fs-color-surface);--fs-color-surface-interactive:var(--fs-color-subtle);--fs-color-text-primary:var(--fs-color-text);--fs-color-text-muted:var(--fs-color-muted);--fs-color-border-default:var(--fs-color-border);--fs-color-focus:var(--fs-color-primary);--fs-color-action-primary:var(--fs-color-primary);--fs-color-action-danger:var(--fs-color-danger);--fs-tooltip-bg:oklch(98.4151869501% 0.0034126992 247.8577745944deg);--fs-tooltip-text:oklch(27.9495237712% 0.0368481257 260.0309873929deg);--fs-color-primary:oklch(55.884857057% 0.2025537915 261.6264320248deg);--fs-alert-primary-bg:oklch(31.7915463198% 0.0633030844 260.2703040876deg);--fs-alert-primary-text:oklch(74.4596540856% 0.1172679846 261.6264320248deg);--fs-feedback-primary-bg:oklch(31.7915463198% 0.0633030844 260.2703040876deg);--fs-color-secondary:oklch(59.8951906896% 0.0366453387 257.4166191214deg);--fs-alert-secondary-bg:oklch(32.0729603204% 0.0374284633 259.6388321521deg);--fs-alert-secondary-text:oklch(75.4915054214% 0.0223943736 257.4166191214deg);--fs-feedback-secondary-bg:oklch(32.0729603204% 0.0374284633 259.6388321521deg);--fs-color-success:oklch(83.8485321344% 0.139498201 148.125846236deg);--fs-alert-success-bg:oklch(35.0298333903% 0.0635127994 243.2452162193deg);--fs-alert-success-text:oklch(86.3333733445% 0.1180369393 148.125846236deg);--fs-feedback-success-bg:oklch(35.0298333903% 0.0635127994 243.2452162193deg);--fs-color-warning:oklch(88.2682030181% 0.1015699084 78.6575213966deg);--fs-alert-warning-bg:oklch(36.0497574404% 0.0547601164 286.8249674934deg);--fs-alert-warning-text:oklch(90.0730948615% 0.0859437686 78.6575213966deg);--fs-feedback-warning-bg:oklch(36.0497574404% 0.0547601164 286.8249674934deg);--fs-color-danger:oklch(58.1670482336% 0.1802407312 25.2407937498deg);--fs-alert-danger-bg:oklch(32.151892295% 0.0597799696 278.8124583464deg);--fs-alert-danger-text:oklch(75.7809226615% 0.104349897 25.2407937498deg);--fs-feedback-danger-bg:oklch(32.151892295% 0.0597799696 278.8124583464deg);--fs-color-info:oklch(53.3359780029% 0.1620131129 280.2231949375deg);--fs-alert-info-bg:oklch(31.7574919059% 0.0556228738 263.0598185246deg);--fs-alert-info-text:oklch(74.3347879016% 0.0891072121 280.2231949375deg);--fs-feedback-info-bg:oklch(31.7574919059% 0.0556228738 263.0598185246deg)}}@media (prefers-color-scheme:dark){[data-fs-theme=auto]{--fs-color-text:#f1f3f4;--fs-color-muted:#bdc1c6;--fs-color-border:#3c4043;--fs-color-surface:#202124;--fs-color-subtle:#2b2c2f;--fs-color-bg-surface:var(--fs-color-surface);--fs-color-bg-subtle:var(--fs-color-subtle);--fs-color-surface-raised:var(--fs-color-surface);--fs-color-surface-interactive:var(--fs-color-subtle);--fs-color-text-primary:var(--fs-color-text);--fs-color-text-muted:var(--fs-color-muted);--fs-color-border-default:var(--fs-color-border);--fs-color-focus:var(--fs-color-primary);--fs-tooltip-bg:#f8fafc;--fs-tooltip-text:#1e293b}}@media (forced-colors:active){:root,[data-fs-theme=auto],[data-fs-theme=dark],[data-fs-theme=light],[data-theme=dark]{--fs-color-border:CanvasText;--fs-color-text:CanvasText;--fs-color-surface:Canvas;--fs-color-subtle:Canvas;--fs-focus-color:Highlight}}}
+/*# sourceMappingURL=fokus-dark.min.css.map */

package/dist/css/fokus-dark.min.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["file:///home/runner/work/fokus-styles/fokus-styles/packages/fokus-core/scss/tokens/_root.scss","../../scss/entries/dark-entry.scss","file:///home/runner/work/fokus-styles/fokus-styles/packages/fokus-core/scss/tokens/_semantic.scss","file:///home/runner/work/fokus-styles/fokus-styles/packages/fokus-core/scss/tokens/_charts.scss","file:///home/runner/work/fokus-styles/fokus-styles/packages/fokus-core/scss/themes/_dark.scss"],"names":[],"mappings":"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","file":"fokus-dark.min.css","sourcesContent":["@use \"sass:map\";\n@use \"../settings\" as *;\n@use \"../tools\" as *;\n\n// Ordem canônica das camadas: declarada uma única vez aqui porque `tokens`\n// é sempre o primeiro `@use` de cada entry point (ver scss/entries/*.scss e\n// scss/fokus.scss) — evita repetir a declaração em cada bundle.\n@layer reset, tokens, base, layout, components, utilities, overrides;\n\n@layer tokens {\n  // Bloco incondicional: fallback sRGB, aplicado em todo navegador. Os\n  // valores de cor aqui vêm de `rgb-fallback()` (gamut-mapeado a partir do\n  // primitivo OKLCH) — ver `tools/_mixins.scss`. É sempre sobrescrito pelo\n  // bloco `@supports` abaixo em navegadores com suporte a `oklch()`; um\n  // `--fs-*` de cor nunca deve ser lido só daqui em código novo.\n  :root {\n    --fs-color-white: #{$color-white};\n    --fs-color-black: #{$color-black};\n    --fs-color-text: #{rgb-fallback($color-gray-900)};\n    --fs-color-muted: #{rgb-fallback($color-gray-600)};\n    --fs-color-border: #{rgb-fallback($color-gray-300)};\n    --fs-color-surface: #{$color-white};\n    --fs-color-subtle: #{rgb-fallback($color-gray-100)};\n    --fs-font-sans: #{$font-family-sans};\n    --fs-font-mono: #{$font-family-mono};\n    --fs-font-size-md: #{$font-size-md};\n    --fs-font-size-h1: #{$font-size-h1};\n    --fs-font-size-h2: #{$font-size-h2};\n    --fs-font-size-h3: #{$font-size-h3};\n    --fs-font-size-h4: #{$font-size-h4};\n    --fs-font-size-h5: #{$font-size-h5};\n    --fs-font-size-h6: #{$font-size-h6};\n    --fs-font-weight-semibold: #{$font-weight-semibold};\n    --fs-line-height-base: #{$line-height-base};\n    --fs-line-height-heading: #{$line-height-heading};\n    --fs-radius-sm: #{$radius-sm};\n    --fs-radius-md: #{$radius-md};\n    --fs-radius-lg: #{$radius-lg};\n    --fs-gutter-x: #{map.get($spacers, 4)};\n    --fs-gutter-y: 0px;\n\n    @each $name, $space in $spacers {\n      --fs-space-#{$name}: #{$space};\n    }\n\n    @each $name, $z-index in $z-indexes {\n      --fs-z-#{$name}: #{$z-index};\n    }\n\n    --fs-control-height: 38px;\n    --fs-control-height-sm: 30px;\n    --fs-control-height-lg: 46px;\n    --fs-control-padding-x: 12px;\n    --fs-control-padding-x-sm: 8px;\n    --fs-control-padding-x-lg: 16px;\n    --fs-focus-width: 2px;\n    --fs-focus-offset: 2px;\n    --fs-focus-color: var(--fs-color-primary);\n    --fs-focus-ring-size: 3px;\n    --fs-focus-ring-color: color-mix(in srgb, var(--fs-focus-color) 22%, transparent);\n    --fs-focus-ring-alpha: 22%;\n    --fs-transition-fast: 150ms;\n    --fs-transition-normal: 220ms;\n    --fs-motion-duration-fast: var(--fs-transition-fast);\n    --fs-motion-duration-normal: var(--fs-transition-normal);\n    --fs-motion-ease-standard: var(--fs-ease-standard);\n    --fs-ease-standard: cubic-bezier(0.2, 0, 0, 1);\n    --fs-border-width: 1px;\n    --fs-disabled-opacity: 0.5;\n    --fs-safe-area-top: env(safe-area-inset-top, 0px);\n    --fs-safe-area-right: env(safe-area-inset-right, 0px);\n    --fs-safe-area-bottom: env(safe-area-inset-bottom, 0px);\n    --fs-safe-area-left: env(safe-area-inset-left, 0px);\n    --fs-component-control-height: var(--fs-control-height);\n    --fs-component-overlay-backdrop: rgb(0 0 0 / 55%);\n    --fs-component-panel-radius: var(--fs-radius-md);\n    --fs-component-panel-shadow: var(--fs-shadow-lg);\n\n    // Referência dos limiares usados pelos utilitários `@container` (ver\n    // `packages/fokus-utilities/scss/utilities/_container-queries.scss`).\n    // Só informativas: a condição de um `@container` precisa de um valor\n    // literal em tempo de build, não aceita `var()` — mudar aqui não\n    // recalibra as regras já compiladas, só documenta os valores usados.\n    @each $name, $width in $container-breakpoints {\n      --fs-cq-#{$name}: #{$width};\n    }\n\n    --fs-shadow-sm: 0 1px 3px rgb(0 0 0 / 15%), 0 1px 2px rgb(0 0 0 / 10%);\n    --fs-shadow-md: 0 6px 12px rgb(0 0 0 / 15%), 0 3px 6px rgb(0 0 0 / 10%);\n    --fs-shadow-lg: 0 15px 30px rgb(0 0 0 / 18%), 0 6px 12px rgb(0 0 0 / 12%);\n    --fs-tooltip-bg: #{rgb-fallback($color-gray-900)};\n    --fs-tooltip-text: #{$color-white};\n\n    @each $name, $color in $theme-colors {\n      --fs-color-#{$name}: #{rgb-fallback($color)};\n      --fs-color-on-#{$name}: #{color-contrast($color)};\n      --fs-alert-#{$name}-bg: #{rgb-fallback(tint-color($color))};\n      --fs-alert-#{$name}-text: #{rgb-fallback(shade-color($color))};\n    }\n\n    @each $name, $bg in $theme-bg-colors {\n      --fs-feedback-#{$name}-bg: #{rgb-fallback($bg)};\n    }\n  }\n\n  // Bloco condicional: valores nativos em OKLCH. `@supports (color: oklch(0%\n  // 0 0))` só passa em navegadores que entendem a função — os demais ignoram\n  // o bloco inteiro e mantêm o fallback sRGB acima. Só propriedades de cor\n  // entram aqui; o resto (fontes, raio, sombra, gutter) não tem equivalente\n  // \"melhor\" em OKLCH e já está definido de forma incondicional.\n  @supports (color: oklch(0% 0 0)) {\n    :root {\n      --fs-color-text: #{$color-gray-900};\n      --fs-color-muted: #{$color-gray-600};\n      --fs-color-border: #{$color-gray-300};\n      --fs-color-subtle: #{$color-gray-100};\n      --fs-tooltip-bg: #{$color-gray-900};\n\n      @each $name, $color in $theme-colors {\n        --fs-color-#{$name}: #{$color};\n        --fs-color-on-#{$name}: #{color-contrast($color)};\n        --fs-alert-#{$name}-bg: #{tint-color($color)};\n        --fs-alert-#{$name}-text: #{shade-color($color)};\n      }\n\n      @each $name, $bg in $theme-bg-colors {\n        --fs-feedback-#{$name}-bg: #{$bg};\n      }\n    }\n  }\n}\n","@layer reset, tokens, base, layout, components, utilities, overrides;\n@layer tokens {\n  :root {\n    --fs-color-white: #ffffff;\n    --fs-color-black: #000000;\n    --fs-color-text: #1e293b;\n    --fs-color-muted: #64748b;\n    --fs-color-border: #e2e8f0;\n    --fs-color-surface: #ffffff;\n    --fs-color-subtle: #f8fafc;\n    --fs-font-sans: Plus Jakarta Sans, sans-serif;\n    --fs-font-mono: Source Code Pro, monospace;\n    --fs-font-size-md: 0.8125rem;\n    --fs-font-size-h1: 1.75rem;\n    --fs-font-size-h2: 1.5rem;\n    --fs-font-size-h3: 1.3125rem;\n    --fs-font-size-h4: 1.125rem;\n    --fs-font-size-h5: 1rem;\n    --fs-font-size-h6: 0.875rem;\n    --fs-font-weight-semibold: 600;\n    --fs-line-height-base: 1.5;\n    --fs-line-height-heading: 1.25;\n    --fs-radius-sm: 4px;\n    --fs-radius-md: 6px;\n    --fs-radius-lg: 8px;\n    --fs-gutter-x: 1.5rem;\n    --fs-gutter-y: 0px;\n    --fs-space-0: 0;\n    --fs-space-1: 0.25rem;\n    --fs-space-2: 0.5rem;\n    --fs-space-3: 1rem;\n    --fs-space-4: 1.5rem;\n    --fs-space-5: 3rem;\n    --fs-z-base: 0;\n    --fs-z-dropdown: 1000;\n    --fs-z-sticky: 1020;\n    --fs-z-modal: 1050;\n    --fs-z-offcanvas: 1060;\n    --fs-z-notification: 1080;\n    --fs-z-toast: 1090;\n    --fs-z-tooltip: 1100;\n    --fs-control-height: 38px;\n    --fs-control-height-sm: 30px;\n    --fs-control-height-lg: 46px;\n    --fs-control-padding-x: 12px;\n    --fs-control-padding-x-sm: 8px;\n    --fs-control-padding-x-lg: 16px;\n    --fs-focus-width: 2px;\n    --fs-focus-offset: 2px;\n    --fs-focus-color: var(--fs-color-primary);\n    --fs-focus-ring-size: 3px;\n    --fs-focus-ring-color: color-mix(in srgb, var(--fs-focus-color) 22%, transparent);\n    --fs-focus-ring-alpha: 22%;\n    --fs-transition-fast: 150ms;\n    --fs-transition-normal: 220ms;\n    --fs-motion-duration-fast: var(--fs-transition-fast);\n    --fs-motion-duration-normal: var(--fs-transition-normal);\n    --fs-motion-ease-standard: var(--fs-ease-standard);\n    --fs-ease-standard: cubic-bezier(0.2, 0, 0, 1);\n    --fs-border-width: 1px;\n    --fs-disabled-opacity: 0.5;\n    --fs-safe-area-top: env(safe-area-inset-top, 0px);\n    --fs-safe-area-right: env(safe-area-inset-right, 0px);\n    --fs-safe-area-bottom: env(safe-area-inset-bottom, 0px);\n    --fs-safe-area-left: env(safe-area-inset-left, 0px);\n    --fs-component-control-height: var(--fs-control-height);\n    --fs-component-overlay-backdrop: rgb(0 0 0 / 55%);\n    --fs-component-panel-radius: var(--fs-radius-md);\n    --fs-component-panel-shadow: var(--fs-shadow-lg);\n    --fs-cq-sm: 320px;\n    --fs-cq-md: 480px;\n    --fs-cq-lg: 640px;\n    --fs-shadow-sm: 0 1px 3px rgb(0 0 0 / 15%), 0 1px 2px rgb(0 0 0 / 10%);\n    --fs-shadow-md: 0 6px 12px rgb(0 0 0 / 15%), 0 3px 6px rgb(0 0 0 / 10%);\n    --fs-shadow-lg: 0 15px 30px rgb(0 0 0 / 18%), 0 6px 12px rgb(0 0 0 / 12%);\n    --fs-tooltip-bg: #1e293b;\n    --fs-tooltip-text: #ffffff;\n    --fs-color-primary: #1a61e6;\n    --fs-color-on-primary: #ffffff;\n    --fs-alert-primary-bg: rgb(220.3846532222, 232.689549371, 254.1042117072);\n    --fs-alert-primary-text: rgb(4.2540793692, 32.6552622518, 88.5748738661);\n    --fs-color-secondary: #64748b;\n    --fs-color-on-secondary: #ffffff;\n    --fs-alert-secondary-bg: rgb(230.2895610064, 233.0325853352, 236.9919508609);\n    --fs-alert-secondary-text: rgb(33.9166068747, 40.6437781967, 50.3140869721);\n    --fs-color-success: rgb(13, 209, 87);\n    --fs-color-on-success: #000000;\n    --fs-alert-success-bg: rgb(228.9046733915, 249.1514320752, 230.8709345684);\n    --fs-alert-success-text: rgb(1.6574790861, 79.745461506, 28.4507801755);\n    --fs-color-warning: #fab633;\n    --fs-color-on-warning: #000000;\n    --fs-alert-warning-bg: rgb(254.9170612621, 244.6528756631, 228.9710928247);\n    --fs-alert-warning-text: rgb(96.9838380187, 68.3933599001, 13.3146447009);\n    --fs-color-danger: #cc3335;\n    --fs-color-on-danger: #ffffff;\n    --fs-alert-danger-bg: rgb(251.9225977632, 226.389403069, 223.5618211362);\n    --fs-alert-danger-text: rgb(77.6432204678, 13.3146447009, 14.1555411162);\n    --fs-color-info: #5e5cc7;\n    --fs-color-on-info: #ffffff;\n    --fs-alert-info-bg: rgb(228.2395257626, 230.4806192824, 248.3934544766);\n    --fs-alert-info-text: rgb(31.3939176289, 30.5530212136, 75.5409794297);\n    --fs-feedback-primary-bg: #e6f0ff;\n    --fs-feedback-secondary-bg: #f8fafc;\n    --fs-feedback-success-bg: #e6fff2;\n    --fs-feedback-warning-bg: #fff9e6;\n    --fs-feedback-danger-bg: #fff2f3;\n    --fs-feedback-info-bg: #f2f2ff;\n  }\n  @supports (color: oklch(0% 0 0deg)) {\n    :root {\n      --fs-color-text: oklch(27.9495237712% 0.0368481257 260.0309873929deg);\n      --fs-color-muted: oklch(55.4391007662% 0.040717043 257.4166191214deg);\n      --fs-color-border: oklch(92.876126719% 0.0126187744 255.5078854448deg);\n      --fs-color-subtle: oklch(98.4151869501% 0.0034126992 247.8577745944deg);\n      --fs-tooltip-bg: oklch(27.9495237712% 0.0368481257 260.0309873929deg);\n      --fs-color-primary: oklch(53.5630074284% 0.2132145174 261.6264320248deg);\n      --fs-color-on-primary: #ffffff;\n      --fs-alert-primary-bg: oklch(93.0344511143% 0.0319821776 261.6264320248deg);\n      --fs-alert-primary-text: oklch(26.7815037142% 0.1066072587 261.6264320248deg);\n      --fs-color-secondary: oklch(55.4391007662% 0.040717043 257.4166191214deg);\n      --fs-color-on-secondary: #ffffff;\n      --fs-alert-secondary-bg: oklch(93.3158651149% 0.0061075564 257.4166191214deg);\n      --fs-alert-secondary-text: oklch(27.7195503831% 0.0203585215 257.4166191214deg);\n      --fs-color-success: oklch(75.151587899% 0.2146126169 148.125846236deg);\n      --fs-color-on-success: #000000;\n      --fs-alert-success-bg: oklch(96.2727381849% 0.0321918925 148.125846236deg);\n      --fs-alert-success-text: oklch(37.5757939495% 0.1073063085 148.125846236deg);\n      --fs-color-warning: oklch(81.9510815663% 0.1562613975 78.6575213966deg);\n      --fs-color-on-warning: #000000;\n      --fs-alert-warning-bg: oklch(97.2926622349% 0.0234392096 78.6575213966deg);\n      --fs-alert-warning-text: oklch(40.9755407832% 0.0781306987 78.6575213966deg);\n      --fs-color-danger: oklch(55.9653139301% 0.1897270855 25.2407937498deg);\n      --fs-color-on-danger: #ffffff;\n      --fs-alert-danger-bg: oklch(93.3947970895% 0.0284590628 25.2407937498deg);\n      --fs-alert-danger-text: oklch(27.982656965% 0.0948635427 25.2407937498deg);\n      --fs-color-info: oklch(53.3359780029% 0.1620131129 280.2231949375deg);\n      --fs-color-on-info: #ffffff;\n      --fs-alert-info-bg: oklch(93.0003967004% 0.0243019669 280.2231949375deg);\n      --fs-alert-info-text: oklch(26.6679890014% 0.0810065564 280.2231949375deg);\n      --fs-feedback-primary-bg: oklch(95.2067827456% 0.0228899025 258.359342143deg);\n      --fs-feedback-secondary-bg: oklch(98.4151869501% 0.0034126992 247.8577745944deg);\n      --fs-feedback-success-bg: oklch(97.8305614459% 0.0311593614 163.2740567608deg);\n      --fs-feedback-warning-bg: oklch(98.17094418% 0.025708244 92.3886876566deg);\n      --fs-feedback-danger-bg: oklch(97.1603097552% 0.0140720277 12.0135639679deg);\n      --fs-feedback-info-bg: oklch(96.4918490239% 0.0173174767 286.0707018324deg);\n    }\n  }\n}\n@layer tokens {\n  :root {\n    --fs-color-bg-surface: var(--fs-color-surface);\n    --fs-color-bg-subtle: var(--fs-color-subtle);\n    --fs-color-text-primary: var(--fs-color-text);\n    --fs-color-text-muted: var(--fs-color-muted);\n    --fs-color-border-default: var(--fs-color-border);\n    --fs-color-focus: var(--fs-color-primary);\n    --fs-color-surface-raised: var(--fs-color-surface);\n    --fs-color-surface-interactive: var(--fs-color-subtle);\n    --fs-color-action-primary: var(--fs-color-primary);\n    --fs-color-action-danger: var(--fs-color-danger);\n  }\n}\n@layer tokens {\n  :root {\n    --fs-chart-series-1: var(--fs-color-primary);\n    --fs-chart-series-2: var(--fs-color-success);\n    --fs-chart-series-3: var(--fs-color-warning);\n    --fs-chart-series-4: var(--fs-color-danger);\n    --fs-chart-series-5: var(--fs-color-info);\n    --fs-chart-series-6: var(--fs-color-secondary);\n    --fs-chart-grid: var(--fs-color-border);\n    --fs-chart-axis: var(--fs-color-muted);\n    --fs-chart-tooltip-bg: var(--fs-tooltip-bg);\n    --fs-chart-tooltip-text: var(--fs-tooltip-text);\n  }\n}\n@layer tokens {\n  [data-theme=dark],\n  [data-fs-theme=dark] {\n    --fs-color-text: #f1f3f4;\n    --fs-color-muted: #bdc1c6;\n    --fs-color-border: #3c4043;\n    --fs-color-surface: #202124;\n    --fs-color-subtle: #2b2c2f;\n    --fs-color-bg-surface: var(--fs-color-surface);\n    --fs-color-bg-subtle: var(--fs-color-subtle);\n    --fs-color-surface-raised: var(--fs-color-surface);\n    --fs-color-surface-interactive: var(--fs-color-subtle);\n    --fs-color-text-primary: var(--fs-color-text);\n    --fs-color-text-muted: var(--fs-color-muted);\n    --fs-color-border-default: var(--fs-color-border);\n    --fs-color-focus: var(--fs-color-primary);\n    --fs-color-action-primary: var(--fs-color-primary);\n    --fs-color-action-danger: var(--fs-color-danger);\n    --fs-shadow-sm: 0 1px 3px rgb(0 0 0 / 50%), 0 1px 2px rgb(0 0 0 / 40%);\n    --fs-shadow-md: 0 6px 12px rgb(0 0 0 / 55%), 0 3px 6px rgb(0 0 0 / 45%);\n    --fs-shadow-lg: 0 15px 30px rgb(0 0 0 / 60%), 0 6px 12px rgb(0 0 0 / 50%);\n    --fs-tooltip-bg: #f8fafc;\n    --fs-tooltip-text: #1e293b;\n    --fs-color-primary: rgb(39.8728684152, 106.2372587275, 232.1894887664);\n    --fs-alert-primary-bg: rgb(30.765779113, 49.9974662348, 82.3021425489);\n    --fs-alert-primary-text: rgb(130.6636212695, 172.0850768824, 246.4419684583);\n    --fs-feedback-primary-bg: rgb(30.765779113, 49.9974662348, 82.3021425489);\n    --fs-color-secondary: rgb(114.3557068426, 129.039220146, 150.1520317181);\n    --fs-alert-secondary-bg: rgb(39.6548148226, 51.4270943358, 70.2648514061);\n    --fs-alert-secondary-text: rgb(166.7597509121, 176.2809684237, 189.9919576187);\n    --fs-feedback-secondary-bg: rgb(39.6548148226, 51.4270943358, 70.2648514061);\n    --fs-color-success: rgb(134.4501166043, 226.9563331209, 149.6185042518);\n    --fs-alert-success-bg: rgb(24.8621518491, 61.9088085702, 89.0318819222);\n    --fs-alert-success-text: rgb(155.0475916512, 231.7231823866, 166.1609492581);\n    --fs-feedback-success-bg: rgb(24.8621518491, 61.9088085702, 89.0318819222);\n    --fs-color-warning: rgb(252.9400238762, 208.7461261831, 137.9221837268);\n    --fs-alert-warning-bg: rgb(59.1359779173, 56.6792370273, 88.6687774507);\n    --fs-alert-warning-text: rgb(253.5439861058, 216.1213263099, 157.1705651606);\n    --fs-feedback-warning-bg: rgb(59.1359779173, 56.6792370273, 88.6687774507);\n    --fs-color-danger: rgb(208.1189955268, 64.9740184262, 63.4302936954);\n    --fs-alert-danger-bg: rgb(44.6823973866, 47.5125073063, 81.2083778204);\n    --fs-alert-danger-text: rgb(235.4050745756, 149.9650253478, 142.4924034553);\n    --fs-feedback-danger-bg: rgb(44.6823973866, 47.5125073063, 81.2083778204);\n    --fs-color-info: #5e5cc7;\n    --fs-alert-info-bg: rgb(35.0058091619, 49.6887857769, 78.5757788254);\n    --fs-alert-info-text: rgb(160.628671266, 165.881962789, 227.610600335);\n    --fs-feedback-info-bg: rgb(35.0058091619, 49.6887857769, 78.5757788254);\n  }\n  @supports (color: oklch(0% 0 0deg)) {\n    [data-theme=dark],\n    [data-fs-theme=dark] {\n      --fs-color-text: oklch(96.2913383165% 0.002529697 228.7848682695deg);\n      --fs-color-muted: oklch(80.9268110646% 0.0083071608 253.8653061211deg);\n      --fs-color-border: oklch(36.8827622528% 0.0074489239 240.018838067deg);\n      --fs-color-surface: oklch(24.7936263361% 0.0058460141 271.1764187765deg);\n      --fs-color-subtle: oklch(29.3286259539% 0.0055990771 271.2234269855deg);\n      --fs-color-bg-surface: var(--fs-color-surface);\n      --fs-color-bg-subtle: var(--fs-color-subtle);\n      --fs-color-surface-raised: var(--fs-color-surface);\n      --fs-color-surface-interactive: var(--fs-color-subtle);\n      --fs-color-text-primary: var(--fs-color-text);\n      --fs-color-text-muted: var(--fs-color-muted);\n      --fs-color-border-default: var(--fs-color-border);\n      --fs-color-focus: var(--fs-color-primary);\n      --fs-color-action-primary: var(--fs-color-primary);\n      --fs-color-action-danger: var(--fs-color-danger);\n      --fs-tooltip-bg: oklch(98.4151869501% 0.0034126992 247.8577745944deg);\n      --fs-tooltip-text: oklch(27.9495237712% 0.0368481257 260.0309873929deg);\n      --fs-color-primary: oklch(55.884857057% 0.2025537915 261.6264320248deg);\n      --fs-alert-primary-bg: oklch(31.7915463198% 0.0633030844 260.2703040876deg);\n      --fs-alert-primary-text: oklch(74.4596540856% 0.1172679846 261.6264320248deg);\n      --fs-feedback-primary-bg: oklch(31.7915463198% 0.0633030844 260.2703040876deg);\n      --fs-color-secondary: oklch(59.8951906896% 0.0366453387 257.4166191214deg);\n      --fs-alert-secondary-bg: oklch(32.0729603204% 0.0374284633 259.6388321521deg);\n      --fs-alert-secondary-text: oklch(75.4915054214% 0.0223943736 257.4166191214deg);\n      --fs-feedback-secondary-bg: oklch(32.0729603204% 0.0374284633 259.6388321521deg);\n      --fs-color-success: oklch(83.8485321344% 0.139498201 148.125846236deg);\n      --fs-alert-success-bg: oklch(35.0298333903% 0.0635127994 243.2452162193deg);\n      --fs-alert-success-text: oklch(86.3333733445% 0.1180369393 148.125846236deg);\n      --fs-feedback-success-bg: oklch(35.0298333903% 0.0635127994 243.2452162193deg);\n      --fs-color-warning: oklch(88.2682030181% 0.1015699084 78.6575213966deg);\n      --fs-alert-warning-bg: oklch(36.0497574404% 0.0547601164 286.8249674934deg);\n      --fs-alert-warning-text: oklch(90.0730948615% 0.0859437686 78.6575213966deg);\n      --fs-feedback-warning-bg: oklch(36.0497574404% 0.0547601164 286.8249674934deg);\n      --fs-color-danger: oklch(58.1670482336% 0.1802407312 25.2407937498deg);\n      --fs-alert-danger-bg: oklch(32.151892295% 0.0597799696 278.8124583464deg);\n      --fs-alert-danger-text: oklch(75.7809226615% 0.104349897 25.2407937498deg);\n      --fs-feedback-danger-bg: oklch(32.151892295% 0.0597799696 278.8124583464deg);\n      --fs-color-info: oklch(53.3359780029% 0.1620131129 280.2231949375deg);\n      --fs-alert-info-bg: oklch(31.7574919059% 0.0556228738 263.0598185246deg);\n      --fs-alert-info-text: oklch(74.3347879016% 0.0891072121 280.2231949375deg);\n      --fs-feedback-info-bg: oklch(31.7574919059% 0.0556228738 263.0598185246deg);\n    }\n  }\n  @media (prefers-color-scheme: dark) {\n    [data-fs-theme=auto] {\n      --fs-color-text: #f1f3f4;\n      --fs-color-muted: #bdc1c6;\n      --fs-color-border: #3c4043;\n      --fs-color-surface: #202124;\n      --fs-color-subtle: #2b2c2f;\n      --fs-color-bg-surface: var(--fs-color-surface);\n      --fs-color-bg-subtle: var(--fs-color-subtle);\n      --fs-color-surface-raised: var(--fs-color-surface);\n      --fs-color-surface-interactive: var(--fs-color-subtle);\n      --fs-color-text-primary: var(--fs-color-text);\n      --fs-color-text-muted: var(--fs-color-muted);\n      --fs-color-border-default: var(--fs-color-border);\n      --fs-color-focus: var(--fs-color-primary);\n      --fs-tooltip-bg: #f8fafc;\n      --fs-tooltip-text: #1e293b;\n    }\n  }\n  @media (forced-colors: active) {\n    :root,\n    [data-theme=dark],\n    [data-fs-theme=light],\n    [data-fs-theme=dark],\n    [data-fs-theme=auto] {\n      --fs-color-border: CanvasText;\n      --fs-color-text: CanvasText;\n      --fs-color-surface: Canvas;\n      --fs-color-subtle: Canvas;\n      --fs-focus-color: Highlight;\n    }\n  }\n}","// Camada semântica: nomeia tokens por PAPEL (o que a cor faz na interface),\n// não por valor. Cada token aqui é um alias `var()` de um token primitivo\n// (`_root.scss`) — não introduz nenhuma cor nova, só um vocabulário estável\n// entre o primitivo e o consumo por componente (ver `_component-buttons.scss`\n// como referência de como um componente deve consumir esta camada).\n// Por que alias e não recalcular o valor: um `var()` encadeado continua\n// resolvendo o fallback sRGB/OKLCH já decidido em `_root.scss` — não precisa\n// repetir a lógica de `@supports` aqui.\n@layer tokens {\n  :root {\n    // Superfícies\n    --fs-color-bg-surface: var(--fs-color-surface);\n    --fs-color-bg-subtle: var(--fs-color-subtle);\n\n    // Texto\n    --fs-color-text-primary: var(--fs-color-text);\n    --fs-color-text-muted: var(--fs-color-muted);\n\n    // Bordas\n    --fs-color-border-default: var(--fs-color-border);\n    --fs-color-focus: var(--fs-color-primary);\n    --fs-color-surface-raised: var(--fs-color-surface);\n    --fs-color-surface-interactive: var(--fs-color-subtle);\n\n    // Ação (mapeiam para a cor de tema correspondente — existem para dar um\n    // nome estável a \"a cor de ação primária\", independente de qual token\n    // primitivo ela usa por baixo).\n    --fs-color-action-primary: var(--fs-color-primary);\n    --fs-color-action-danger: var(--fs-color-danger);\n  }\n}\n","// Tokens de gráficos: agnósticos de biblioteca — não é um wrapper de\n// Chart.js/ECharts/Recharts/etc., só cores/tema que qualquer uma delas pode\n// consumir via `getComputedStyle`/CSS custom properties. Aliases da camada\n// semântica já existente (mesma técnica de `_semantic.scss`), então\n// acompanham `data-theme`/`data-fs-brand` automaticamente sem token novo por\n// tema. Ver docs/guides/charts.md.\n@layer tokens {\n  :root {\n    --fs-chart-series-1: var(--fs-color-primary);\n    --fs-chart-series-2: var(--fs-color-success);\n    --fs-chart-series-3: var(--fs-color-warning);\n    --fs-chart-series-4: var(--fs-color-danger);\n    --fs-chart-series-5: var(--fs-color-info);\n    --fs-chart-series-6: var(--fs-color-secondary);\n    --fs-chart-grid: var(--fs-color-border);\n    --fs-chart-axis: var(--fs-color-muted);\n    --fs-chart-tooltip-bg: var(--fs-tooltip-bg);\n    --fs-chart-tooltip-text: var(--fs-tooltip-text);\n  }\n}\n","@use \"sass:color\";\n@use \"sass:map\";\n@use \"../settings\" as *;\n@use \"../tools\" as *;\n\n// Peso (% da cor original mantida, ver color.mix()) de cada cor de estado no\n// tema escuro. O limite de cada uma é o quanto dá pra clarear em direção ao\n// branco antes de virar o texto branco/preto que color-contrast() já\n// pré-calculou para os preenchimentos sólidos (botões, badges) no tema claro\n// — passar do limite deixaria esse texto ilegível. `primary` e `danger` têm\n// texto branco no preenchimento, então clareiam pouco (clarear reduz o\n// contraste com o branco); `info` não tem margem e fica sem alteração (100%).\n// Misturas em `$method: oklch` (ver tools/_mixins.scss) — recalibrado e\n// revalidado com `npm run contrast` após a migração para OKLCH.\n@layer tokens {\n  $dark-color-weights: (\n    primary: 95%,\n    secondary: 90%,\n    success: 65%,\n    warning: 65%,\n    danger: 95%,\n    info: 100%\n  ) !default;\n\n  $dark-text: color.to-space(#f1f3f4, oklch) !default;\n  $dark-muted: color.to-space(#bdc1c6, oklch) !default;\n  $dark-border: color.to-space(#3c4043, oklch) !default;\n  $dark-surface: color.to-space(#202124, oklch) !default;\n  $dark-subtle: color.to-space(#2b2c2f, oklch) !default;\n\n  // Pesos de alert/feedback bg+text no escuro: validados por\n  // `npm run contrast` para ≥4.5:1 (texto normal) em todas as 6 cores —\n  // não abaixe sem reconferir o relatório.\n  $dark-alert-bg-weight: 15%;\n  $dark-alert-text-weight: 55%;\n\n  [data-theme=\"dark\"],\n  [data-fs-theme=\"dark\"] {\n    --fs-color-text: #{rgb-fallback($dark-text)};\n    --fs-color-muted: #{rgb-fallback($dark-muted)};\n    --fs-color-border: #{rgb-fallback($dark-border)};\n    --fs-color-surface: #{rgb-fallback($dark-surface)};\n    --fs-color-subtle: #{rgb-fallback($dark-subtle)};\n    --fs-color-bg-surface: var(--fs-color-surface);\n    --fs-color-bg-subtle: var(--fs-color-subtle);\n    --fs-color-surface-raised: var(--fs-color-surface);\n    --fs-color-surface-interactive: var(--fs-color-subtle);\n    --fs-color-text-primary: var(--fs-color-text);\n    --fs-color-text-muted: var(--fs-color-muted);\n    --fs-color-border-default: var(--fs-color-border);\n    --fs-color-focus: var(--fs-color-primary);\n    --fs-color-action-primary: var(--fs-color-primary);\n    --fs-color-action-danger: var(--fs-color-danger);\n    --fs-shadow-sm: 0 1px 3px rgb(0 0 0 / 50%), 0 1px 2px rgb(0 0 0 / 40%);\n    --fs-shadow-md: 0 6px 12px rgb(0 0 0 / 55%), 0 3px 6px rgb(0 0 0 / 45%);\n    --fs-shadow-lg: 0 15px 30px rgb(0 0 0 / 60%), 0 6px 12px rgb(0 0 0 / 50%);\n    --fs-tooltip-bg: #{rgb-fallback($color-gray-100)};\n    --fs-tooltip-text: #{rgb-fallback($color-gray-900)};\n\n    @each $name, $color in $theme-colors {\n      --fs-color-#{$name}: #{rgb-fallback(color.mix($color, $color-white, map.get($dark-color-weights, $name), $method: oklch))};\n      --fs-alert-#{$name}-bg: #{rgb-fallback(color.mix($color, $color-gray-900, $dark-alert-bg-weight, $method: oklch))};\n      --fs-alert-#{$name}-text: #{rgb-fallback(color.mix($color, $color-white, $dark-alert-text-weight, $method: oklch))};\n      --fs-feedback-#{$name}-bg: #{rgb-fallback(color.mix($color, $color-gray-900, $dark-alert-bg-weight, $method: oklch))};\n    }\n  }\n\n  @supports (color: oklch(0% 0 0)) {\n    [data-theme=\"dark\"],\n    [data-fs-theme=\"dark\"] {\n      --fs-color-text: #{$dark-text};\n      --fs-color-muted: #{$dark-muted};\n      --fs-color-border: #{$dark-border};\n      --fs-color-surface: #{$dark-surface};\n      --fs-color-subtle: #{$dark-subtle};\n      --fs-color-bg-surface: var(--fs-color-surface);\n      --fs-color-bg-subtle: var(--fs-color-subtle);\n      --fs-color-surface-raised: var(--fs-color-surface);\n      --fs-color-surface-interactive: var(--fs-color-subtle);\n      --fs-color-text-primary: var(--fs-color-text);\n      --fs-color-text-muted: var(--fs-color-muted);\n      --fs-color-border-default: var(--fs-color-border);\n      --fs-color-focus: var(--fs-color-primary);\n      --fs-color-action-primary: var(--fs-color-primary);\n      --fs-color-action-danger: var(--fs-color-danger);\n      --fs-tooltip-bg: #{$color-gray-100};\n      --fs-tooltip-text: #{$color-gray-900};\n\n      @each $name, $color in $theme-colors {\n        --fs-color-#{$name}: #{color.mix($color, $color-white, map.get($dark-color-weights, $name), $method: oklch)};\n        --fs-alert-#{$name}-bg: #{color.mix($color, $color-gray-900, $dark-alert-bg-weight, $method: oklch)};\n        --fs-alert-#{$name}-text: #{color.mix($color, $color-white, $dark-alert-text-weight, $method: oklch)};\n        --fs-feedback-#{$name}-bg: #{color.mix($color, $color-gray-900, $dark-alert-bg-weight, $method: oklch)};\n      }\n    }\n  }\n\n  @media (prefers-color-scheme: dark) {\n    [data-fs-theme=\"auto\"] {\n      --fs-color-text: #{rgb-fallback($dark-text)};\n      --fs-color-muted: #{rgb-fallback($dark-muted)};\n      --fs-color-border: #{rgb-fallback($dark-border)};\n      --fs-color-surface: #{rgb-fallback($dark-surface)};\n      --fs-color-subtle: #{rgb-fallback($dark-subtle)};\n      --fs-color-bg-surface: var(--fs-color-surface);\n      --fs-color-bg-subtle: var(--fs-color-subtle);\n      --fs-color-surface-raised: var(--fs-color-surface);\n      --fs-color-surface-interactive: var(--fs-color-subtle);\n      --fs-color-text-primary: var(--fs-color-text);\n      --fs-color-text-muted: var(--fs-color-muted);\n      --fs-color-border-default: var(--fs-color-border);\n      --fs-color-focus: var(--fs-color-primary);\n      --fs-tooltip-bg: #{rgb-fallback($color-gray-100)};\n      --fs-tooltip-text: #{rgb-fallback($color-gray-900)};\n    }\n  }\n\n  @media (forced-colors: active) {\n    :root,\n    [data-theme=\"dark\"],\n    [data-fs-theme=\"light\"],\n    [data-fs-theme=\"dark\"],\n    [data-fs-theme=\"auto\"] {\n      --fs-color-border: CanvasText;\n      --fs-color-text: CanvasText;\n      --fs-color-surface: Canvas;\n      --fs-color-subtle: Canvas;\n      --fs-focus-color: Highlight;\n    }\n  }\n}\n"]}