npm - fokus-styles - Versions diffs - 2.0.0 - Mend

fokus-styles 2.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4328) hide show

package/dist/css/layout.css.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["file:///home/runner/work/fokus-styles/fokus-styles/packages/fokus-core/scss/tokens/_root.scss","../../scss/entries/layout-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/base/_reset.scss","file:///home/runner/work/fokus-styles/fokus-styles/packages/fokus-core/scss/base/_typography.scss","file:///home/runner/work/fokus-styles/fokus-styles/packages/fokus-core/scss/base/_motion.scss","file:///home/runner/work/fokus-styles/fokus-styles/packages/fokus-core/scss/layout/_cluster.scss","file:///home/runner/work/fokus-styles/fokus-styles/packages/fokus-core/scss/layout/_containers.scss","file:///home/runner/work/fokus-styles/fokus-styles/packages/fokus-core/scss/tools/_mixins.scss","file:///home/runner/work/fokus-styles/fokus-styles/packages/fokus-core/scss/settings/_breakpoints.scss","file:///home/runner/work/fokus-styles/fokus-styles/packages/fokus-core/scss/layout/_grid.scss","file:///home/runner/work/fokus-styles/fokus-styles/packages/fokus-core/scss/layout/_sidebar.scss","file:///home/runner/work/fokus-styles/fokus-styles/packages/fokus-core/scss/layout/_stack.scss","file:///home/runner/work/fokus-styles/fokus-styles/packages/fokus-core/scss/themes/_brands.scss","file:///home/runner/work/fokus-styles/fokus-styles/packages/fokus-core/scss/themes/_dark.scss"],"names":[],"mappings":"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hBI;MACE,cAAA;MACA,UAAA;IV0hBN;IU5hBI;MACE,cAAA;MACA,qBAAA;IV8hBN;IUhiBI;MACE,cAAA;MACA,qBAAA;IVkiBN;IUpiBI;MACE,cAAA;MACA,UAAA;IVsiBN;IUxiBI;MACE,cAAA;MACA,qBAAA;IV0iBN;IU5iBI;MACE,cAAA;MACA,qBAAA;IV8iBN;IUhjBI;MACE,cAAA;MACA,UAAA;IVkjBN;IUpjBI;MACE,cAAA;MACA,qBAAA;IVsjBN;IUxjBI;MACE,cAAA;MACA,qBAAA;IV0jBN;IU5jBI;MACE,cAAA;MACA,WAAA;IV8jBN;EACF;EQ7lBE;IEkBE;MACE,YAAA;IV8kBJ;IU3kBE;MACE,cAAA;MACA,WAAA;IV6kBJ;IUzkBI;MACE,cAAA;MACA,oBAAA;IV2kBN;IU7kBI;MACE,cAAA;MACA,qBAAA;IV+kBN;IUjlBI;MACE,cAAA;MACA,UAAA;IVmlBN;IUrlBI;MACE,cAAA;MACA,qBAAA;IVulBN;IUzlBI;MACE,cAAA;MACA,qBAAA;IV2lBN;IU7lBI;MACE,cAAA;MACA,UAAA;IV+lBN;IUjmBI;MACE,cAAA;MACA,qBAAA;IVmmBN;IUrmBI;MACE,cAAA;MACA,qBAAA;IVumBN;IUzmBI;MACE,cAAA;MACA,UAAA;IV2mBN;IU7mBI;MACE,cAAA;MACA,qBAAA;IV+mBN;IUjnBI;MACE,cAAA;MACA,qBAAA;IVmnBN;IUrnBI;MACE,cAAA;MACA,WAAA;IVunBN;EACF;EQtpBE;IEkBE;MACE,YAAA;IVuoBJ;IUpoBE;MACE,cAAA;MACA,WAAA;IVsoBJ;IUloBI;MACE,cAAA;MACA,oBAAA;IVooBN;IUtoBI;MACE,cAAA;MACA,qBAAA;IVwoBN;IU1oBI;MACE,cAAA;MACA,UAAA;IV4oBN;IU9oBI;MACE,cAAA;MACA,qBAAA;IVgpBN;IUlpBI;MACE,cAAA;MACA,qBAAA;IVopBN;IUtpBI;MACE,cAAA;MACA,UAAA;IVwpBN;IU1pBI;MACE,cAAA;MACA,qBAAA;IV4pBN;IU9pBI;MACE,cAAA;MACA,qBAAA;IVgqBN;IUlqBI;MACE,cAAA;MACA,UAA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","file":"layout.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-ring-alpha: 22%;\n --fs-transition-fast: 150ms;\n --fs-transition-normal: 220ms;\n --fs-ease-standard: cubic-bezier(0.2, 0, 0, 1);\n --fs-border-width: 1px;\n --fs-disabled-opacity: 0.5;\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-ring-alpha: 22%;\n --fs-transition-fast: 150ms;\n --fs-transition-normal: 220ms;\n --fs-ease-standard: cubic-bezier(0.2, 0, 0, 1);\n --fs-border-width: 1px;\n --fs-disabled-opacity: 0.5;\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 reset {\n *,\n *::before,\n *::after {\n box-sizing: border-box;\n }\n html {\n line-height: var(--fs-line-height-base);\n text-size-adjust: 100%;\n }\n body {\n margin: 0;\n color: var(--fs-color-text);\n background-color: var(--fs-color-surface);\n }\n [hidden] {\n display: none !important;\n }\n}\n@layer base {\n body,\n button,\n input,\n select,\n textarea {\n font-family: var(--fs-font-sans);\n font-size: var(--fs-font-size-md);\n }\n code,\n kbd,\n pre,\n samp {\n font-family: var(--fs-font-mono);\n }\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin-top: 0;\n font-weight: var(--fs-font-weight-semibold);\n line-height: var(--fs-line-height-heading);\n }\n h1 {\n font-size: var(--fs-font-size-h1);\n }\n h2 {\n font-size: var(--fs-font-size-h2);\n }\n h3 {\n font-size: var(--fs-font-size-h3);\n }\n h4 {\n font-size: var(--fs-font-size-h4);\n }\n h5 {\n font-size: var(--fs-font-size-h5);\n }\n h6 {\n font-size: var(--fs-font-size-h6);\n }\n}\n@layer base {\n @media (prefers-reduced-motion: reduce) {\n *,\n *::before,\n *::after {\n scroll-behavior: auto !important;\n transition-duration: 0.01ms !important;\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n }\n .fs-spinner,\n .fs-progress-bar-animated,\n .fs-progress-indeterminate .fs-progress-bar {\n animation-duration: 1.5s !important;\n animation-iteration-count: infinite !important;\n }\n }\n}\n@layer layout {\n .fs-cluster {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: var(--fs-cluster-gap, 0.5rem);\n }\n .fs-cluster-gap-0 {\n --fs-cluster-gap: 0;\n }\n .fs-cluster-gap-1 {\n --fs-cluster-gap: 0.25rem;\n }\n .fs-cluster-gap-2 {\n --fs-cluster-gap: 0.5rem;\n }\n .fs-cluster-gap-3 {\n --fs-cluster-gap: 1rem;\n }\n .fs-cluster-gap-4 {\n --fs-cluster-gap: 1.5rem;\n }\n .fs-cluster-gap-5 {\n --fs-cluster-gap: 3rem;\n }\n}\n@layer layout {\n .fs-container,\n .fs-container-sm,\n .fs-container-md,\n .fs-container-lg,\n .fs-container-xl,\n .fs-container-xxl,\n .fs-container-xxxl,\n .fs-container-fluid {\n width: 100%;\n margin-right: auto;\n margin-left: auto;\n }\n @media (min-width: 640px) {\n .fs-container,\n .fs-container-sm {\n max-width: 600px;\n }\n }\n @media (min-width: 768px) {\n .fs-container,\n .fs-container-md {\n max-width: 720px;\n }\n }\n @media (min-width: 1024px) {\n .fs-container,\n .fs-container-lg {\n max-width: 960px;\n }\n }\n @media (min-width: 1280px) {\n .fs-container,\n .fs-container-xl {\n max-width: 1200px;\n }\n }\n @media (min-width: 1536px) {\n .fs-container,\n .fs-container-xxl {\n max-width: 1440px;\n }\n }\n @media (min-width: 1920px) {\n .fs-container,\n .fs-container-xxxl {\n max-width: 1800px;\n }\n }\n}\n@layer layout {\n .fs-row {\n display: flex;\n flex-wrap: wrap;\n margin-top: calc(var(--fs-gutter-y) * -1);\n margin-right: calc(var(--fs-gutter-x) / -2);\n margin-left: calc(var(--fs-gutter-x) / -2);\n }\n .fs-row > * {\n margin-top: var(--fs-gutter-y);\n padding-right: calc(var(--fs-gutter-x) / 2);\n padding-left: calc(var(--fs-gutter-x) / 2);\n }\n .fs-row-fluid {\n width: 100%;\n }\n .fs-col-fluid {\n width: 100%;\n }\n .fs-col {\n flex: 1 0 0%;\n }\n .fs-col-auto {\n flex: 0 0 auto;\n width: auto;\n }\n .fs-col-1 {\n flex: 0 0 auto;\n width: 8.3333333333%;\n }\n .fs-col-2 {\n flex: 0 0 auto;\n width: 16.6666666667%;\n }\n .fs-col-3 {\n flex: 0 0 auto;\n width: 25%;\n }\n .fs-col-4 {\n flex: 0 0 auto;\n width: 33.3333333333%;\n }\n .fs-col-5 {\n flex: 0 0 auto;\n width: 41.6666666667%;\n }\n .fs-col-6 {\n flex: 0 0 auto;\n width: 50%;\n }\n .fs-col-7 {\n flex: 0 0 auto;\n width: 58.3333333333%;\n }\n .fs-col-8 {\n flex: 0 0 auto;\n width: 66.6666666667%;\n }\n .fs-col-9 {\n flex: 0 0 auto;\n width: 75%;\n }\n .fs-col-10 {\n flex: 0 0 auto;\n width: 83.3333333333%;\n }\n .fs-col-11 {\n flex: 0 0 auto;\n width: 91.6666666667%;\n }\n .fs-col-12 {\n flex: 0 0 auto;\n width: 100%;\n }\n @media (min-width: 640px) {\n .fs-col-sm {\n flex: 1 0 0%;\n }\n .fs-col-sm-auto {\n flex: 0 0 auto;\n width: auto;\n }\n .fs-col-sm-1 {\n flex: 0 0 auto;\n width: 8.3333333333%;\n }\n .fs-col-sm-2 {\n flex: 0 0 auto;\n width: 16.6666666667%;\n }\n .fs-col-sm-3 {\n flex: 0 0 auto;\n width: 25%;\n }\n .fs-col-sm-4 {\n flex: 0 0 auto;\n width: 33.3333333333%;\n }\n .fs-col-sm-5 {\n flex: 0 0 auto;\n width: 41.6666666667%;\n }\n .fs-col-sm-6 {\n flex: 0 0 auto;\n width: 50%;\n }\n .fs-col-sm-7 {\n flex: 0 0 auto;\n width: 58.3333333333%;\n }\n .fs-col-sm-8 {\n flex: 0 0 auto;\n width: 66.6666666667%;\n }\n .fs-col-sm-9 {\n flex: 0 0 auto;\n width: 75%;\n }\n .fs-col-sm-10 {\n flex: 0 0 auto;\n width: 83.3333333333%;\n }\n .fs-col-sm-11 {\n flex: 0 0 auto;\n width: 91.6666666667%;\n }\n .fs-col-sm-12 {\n flex: 0 0 auto;\n width: 100%;\n }\n }\n @media (min-width: 768px) {\n .fs-col-md {\n flex: 1 0 0%;\n }\n .fs-col-md-auto {\n flex: 0 0 auto;\n width: auto;\n }\n .fs-col-md-1 {\n flex: 0 0 auto;\n width: 8.3333333333%;\n }\n .fs-col-md-2 {\n flex: 0 0 auto;\n width: 16.6666666667%;\n }\n .fs-col-md-3 {\n flex: 0 0 auto;\n width: 25%;\n }\n .fs-col-md-4 {\n flex: 0 0 auto;\n width: 33.3333333333%;\n }\n .fs-col-md-5 {\n flex: 0 0 auto;\n width: 41.6666666667%;\n }\n .fs-col-md-6 {\n flex: 0 0 auto;\n width: 50%;\n }\n .fs-col-md-7 {\n flex: 0 0 auto;\n width: 58.3333333333%;\n }\n .fs-col-md-8 {\n flex: 0 0 auto;\n width: 66.6666666667%;\n }\n .fs-col-md-9 {\n flex: 0 0 auto;\n width: 75%;\n }\n .fs-col-md-10 {\n flex: 0 0 auto;\n width: 83.3333333333%;\n }\n .fs-col-md-11 {\n flex: 0 0 auto;\n width: 91.6666666667%;\n }\n .fs-col-md-12 {\n flex: 0 0 auto;\n width: 100%;\n }\n }\n @media (min-width: 1024px) {\n .fs-col-lg {\n flex: 1 0 0%;\n }\n .fs-col-lg-auto {\n flex: 0 0 auto;\n width: auto;\n }\n .fs-col-lg-1 {\n flex: 0 0 auto;\n width: 8.3333333333%;\n }\n .fs-col-lg-2 {\n flex: 0 0 auto;\n width: 16.6666666667%;\n }\n .fs-col-lg-3 {\n flex: 0 0 auto;\n width: 25%;\n }\n .fs-col-lg-4 {\n flex: 0 0 auto;\n width: 33.3333333333%;\n }\n .fs-col-lg-5 {\n flex: 0 0 auto;\n width: 41.6666666667%;\n }\n .fs-col-lg-6 {\n flex: 0 0 auto;\n width: 50%;\n }\n .fs-col-lg-7 {\n flex: 0 0 auto;\n width: 58.3333333333%;\n }\n .fs-col-lg-8 {\n flex: 0 0 auto;\n width: 66.6666666667%;\n }\n .fs-col-lg-9 {\n flex: 0 0 auto;\n width: 75%;\n }\n .fs-col-lg-10 {\n flex: 0 0 auto;\n width: 83.3333333333%;\n }\n .fs-col-lg-11 {\n flex: 0 0 auto;\n width: 91.6666666667%;\n }\n .fs-col-lg-12 {\n flex: 0 0 auto;\n width: 100%;\n }\n }\n @media (min-width: 1280px) {\n .fs-col-xl {\n flex: 1 0 0%;\n }\n .fs-col-xl-auto {\n flex: 0 0 auto;\n width: auto;\n }\n .fs-col-xl-1 {\n flex: 0 0 auto;\n width: 8.3333333333%;\n }\n .fs-col-xl-2 {\n flex: 0 0 auto;\n width: 16.6666666667%;\n }\n .fs-col-xl-3 {\n flex: 0 0 auto;\n width: 25%;\n }\n .fs-col-xl-4 {\n flex: 0 0 auto;\n width: 33.3333333333%;\n }\n .fs-col-xl-5 {\n flex: 0 0 auto;\n width: 41.6666666667%;\n }\n .fs-col-xl-6 {\n flex: 0 0 auto;\n width: 50%;\n }\n .fs-col-xl-7 {\n flex: 0 0 auto;\n width: 58.3333333333%;\n }\n .fs-col-xl-8 {\n flex: 0 0 auto;\n width: 66.6666666667%;\n }\n .fs-col-xl-9 {\n flex: 0 0 auto;\n width: 75%;\n }\n .fs-col-xl-10 {\n flex: 0 0 auto;\n width: 83.3333333333%;\n }\n .fs-col-xl-11 {\n flex: 0 0 auto;\n width: 91.6666666667%;\n }\n .fs-col-xl-12 {\n flex: 0 0 auto;\n width: 100%;\n }\n }\n @media (min-width: 1536px) {\n .fs-col-xxl {\n flex: 1 0 0%;\n }\n .fs-col-xxl-auto {\n flex: 0 0 auto;\n width: auto;\n }\n .fs-col-xxl-1 {\n flex: 0 0 auto;\n width: 8.3333333333%;\n }\n .fs-col-xxl-2 {\n flex: 0 0 auto;\n width: 16.6666666667%;\n }\n .fs-col-xxl-3 {\n flex: 0 0 auto;\n width: 25%;\n }\n .fs-col-xxl-4 {\n flex: 0 0 auto;\n width: 33.3333333333%;\n }\n .fs-col-xxl-5 {\n flex: 0 0 auto;\n width: 41.6666666667%;\n }\n .fs-col-xxl-6 {\n flex: 0 0 auto;\n width: 50%;\n }\n .fs-col-xxl-7 {\n flex: 0 0 auto;\n width: 58.3333333333%;\n }\n .fs-col-xxl-8 {\n flex: 0 0 auto;\n width: 66.6666666667%;\n }\n .fs-col-xxl-9 {\n flex: 0 0 auto;\n width: 75%;\n }\n .fs-col-xxl-10 {\n flex: 0 0 auto;\n width: 83.3333333333%;\n }\n .fs-col-xxl-11 {\n flex: 0 0 auto;\n width: 91.6666666667%;\n }\n .fs-col-xxl-12 {\n flex: 0 0 auto;\n width: 100%;\n }\n }\n @media (min-width: 1920px) {\n .fs-col-xxxl {\n flex: 1 0 0%;\n }\n .fs-col-xxxl-auto {\n flex: 0 0 auto;\n width: auto;\n }\n .fs-col-xxxl-1 {\n flex: 0 0 auto;\n width: 8.3333333333%;\n }\n .fs-col-xxxl-2 {\n flex: 0 0 auto;\n width: 16.6666666667%;\n }\n .fs-col-xxxl-3 {\n flex: 0 0 auto;\n width: 25%;\n }\n .fs-col-xxxl-4 {\n flex: 0 0 auto;\n width: 33.3333333333%;\n }\n .fs-col-xxxl-5 {\n flex: 0 0 auto;\n width: 41.6666666667%;\n }\n .fs-col-xxxl-6 {\n flex: 0 0 auto;\n width: 50%;\n }\n .fs-col-xxxl-7 {\n flex: 0 0 auto;\n width: 58.3333333333%;\n }\n .fs-col-xxxl-8 {\n flex: 0 0 auto;\n width: 66.6666666667%;\n }\n .fs-col-xxxl-9 {\n flex: 0 0 auto;\n width: 75%;\n }\n .fs-col-xxxl-10 {\n flex: 0 0 auto;\n width: 83.3333333333%;\n }\n .fs-col-xxxl-11 {\n flex: 0 0 auto;\n width: 91.6666666667%;\n }\n .fs-col-xxxl-12 {\n flex: 0 0 auto;\n width: 100%;\n }\n }\n}\n@layer layout {\n .fs-sidebar {\n display: flex;\n flex-wrap: wrap;\n gap: var(--fs-sidebar-gap, 1rem);\n }\n .fs-sidebar-aside {\n flex-basis: var(--fs-sidebar-width, 16rem);\n flex-grow: 1;\n }\n .fs-sidebar-content {\n flex-basis: 0;\n flex-grow: 999;\n min-width: 50%;\n }\n .fs-sidebar-reverse {\n flex-direction: row-reverse;\n }\n .fs-sidebar-gap-0 {\n --fs-sidebar-gap: 0;\n }\n .fs-sidebar-gap-1 {\n --fs-sidebar-gap: 0.25rem;\n }\n .fs-sidebar-gap-2 {\n --fs-sidebar-gap: 0.5rem;\n }\n .fs-sidebar-gap-3 {\n --fs-sidebar-gap: 1rem;\n }\n .fs-sidebar-gap-4 {\n --fs-sidebar-gap: 1.5rem;\n }\n .fs-sidebar-gap-5 {\n --fs-sidebar-gap: 3rem;\n }\n .fs-sidebar-width-sm {\n --fs-sidebar-width: 120px;\n }\n .fs-sidebar-width-md {\n --fs-sidebar-width: 240px;\n }\n .fs-sidebar-width-lg {\n --fs-sidebar-width: 360px;\n }\n .fs-sidebar-width-xl {\n --fs-sidebar-width: 480px;\n }\n .fs-sidebar-width-xxl {\n --fs-sidebar-width: 600px;\n }\n .fs-sidebar-width-xxxl {\n --fs-sidebar-width: 720px;\n }\n}\n@layer layout {\n .fs-stack {\n display: flex;\n flex-direction: column;\n gap: var(--fs-stack-gap, 1rem);\n }\n .fs-stack-gap-0 {\n --fs-stack-gap: 0;\n }\n .fs-stack-gap-1 {\n --fs-stack-gap: 0.25rem;\n }\n .fs-stack-gap-2 {\n --fs-stack-gap: 0.5rem;\n }\n .fs-stack-gap-3 {\n --fs-stack-gap: 1rem;\n }\n .fs-stack-gap-4 {\n --fs-stack-gap: 1.5rem;\n }\n .fs-stack-gap-5 {\n --fs-stack-gap: 3rem;\n }\n}\n@layer tokens {\n [data-fs-brand=violet] {\n --fs-color-primary: #6d28d9;\n --fs-alert-primary-bg: rgb(229.8834406263, 225.8717327657, 252.5458384302);\n --fs-alert-primary-text: rgb(37.7006407433, 8.7385189481, 83.109047167);\n --fs-feedback-primary-bg: rgb(229.8834406263, 225.8717327657, 252.5458384302);\n }\n [data-fs-brand=violet][data-theme=dark],\n [data-theme=dark] [data-fs-brand=violet] {\n --fs-color-primary: rgb(114.6495158739, 57.1165361442, 219.9746158745);\n --fs-alert-primary-bg: rgb(31.4819726714, 47.0564006856, 82.6607876597);\n --fs-alert-primary-text: rgb(167.4962913963, 147.746130571, 240.0249534535);\n --fs-feedback-primary-bg: rgb(31.4819726714, 47.0564006856, 82.6607876597);\n }\n @supports (color: oklch(0% 0 0deg)) {\n [data-fs-brand=violet] {\n --fs-color-primary: oklch(49.0666497236% 0.2412317343 292.5809393311deg);\n --fs-alert-primary-bg: oklch(92.3599974585% 0.0361847601 292.5809393311deg);\n --fs-alert-primary-text: oklch(24.5333248618% 0.1206158672 292.5809393311deg);\n --fs-feedback-primary-bg: oklch(92.3599974585% 0.0361847601 292.5809393311deg);\n }\n [data-fs-brand=violet][data-theme=dark],\n [data-theme=dark] [data-fs-brand=violet] {\n --fs-color-primary: oklch(51.6133172374% 0.2291701476 292.5809393311deg);\n --fs-alert-primary-bg: oklch(31.117092664% 0.067505667 264.9134801836deg);\n --fs-alert-primary-text: oklch(71.986657348% 0.1326774539 292.5809393311deg);\n --fs-feedback-primary-bg: oklch(31.117092664% 0.067505667 264.9134801836deg);\n }\n }\n [data-fs-brand=corporate] {\n --fs-color-primary: #1d4e89;\n --fs-alert-primary-bg: rgb(219.2237954153, 227.2186121739, 237.6990809983);\n --fs-alert-primary-text: rgb(5.0598830676, 24.6667463069, 49.4731905568);\n --fs-feedback-primary-bg: rgb(219.2237954153, 227.2186121739, 237.6990809983);\n }\n [data-fs-brand=corporate][data-theme=dark],\n [data-theme=dark] [data-fs-brand=corporate] {\n --fs-color-primary: rgb(40.8593466225, 86.5224214637, 143.0926598584);\n --fs-alert-primary-bg: rgb(31.2586947979, 46.3186220749, 70.1321749545);\n --fs-alert-primary-text: rgb(127.9940036809, 155.4045223568, 190.9765129762);\n --fs-feedback-primary-bg: rgb(31.2586947979, 46.3186220749, 70.1321749545);\n }\n [data-fs-brand=vibrant] {\n --fs-color-primary: #f2542d;\n --fs-alert-primary-bg: rgb(255, 231.3637253432, 224.6456124112);\n --fs-alert-primary-text: rgb(93.6202523577, 27.1894355526, 10.7919554552);\n --fs-feedback-primary-bg: rgb(255, 231.3637253432, 224.6456124112);\n }\n [data-fs-brand=vibrant][data-theme=dark],\n [data-theme=dark] [data-fs-brand=vibrant] {\n --fs-color-primary: rgb(244.0763687777, 94.774513804, 58.7750761343);\n --fs-alert-primary-bg: rgb(48.9487024594, 50.7990197305, 85.9119190034);\n --fs-alert-primary-text: rgb(255, 166.953251087, 144.6609410048);\n --fs-feedback-primary-bg: rgb(48.9487024594, 50.7990197305, 85.9119190034);\n }\n @supports (color: oklch(0% 0 0deg)) {\n [data-fs-brand=corporate] {\n --fs-color-primary: oklch(42.3377990386% 0.1112359961 255.1073474093deg);\n --fs-alert-primary-bg: oklch(91.3506698558% 0.0166853994 255.1073474093deg);\n --fs-alert-primary-text: oklch(21.1688995193% 0.055617998 255.1073474093deg);\n --fs-feedback-primary-bg: oklch(91.3506698558% 0.0166853994 255.1073474093deg);\n }\n [data-fs-brand=corporate][data-theme=dark],\n [data-theme=dark] [data-fs-brand=corporate] {\n --fs-color-primary: oklch(45.2209090867% 0.1056741963 255.1073474093deg);\n --fs-alert-primary-bg: oklch(30.1077650613% 0.0480063062 259.2924413953deg);\n --fs-alert-primary-text: oklch(68.2857894712% 0.0611797979 255.1073474093deg);\n --fs-feedback-primary-bg: oklch(30.1077650613% 0.0480063062 259.2924413953deg);\n }\n [data-fs-brand=vibrant] {\n --fs-color-primary: oklch(65.5786741493% 0.2007639921 34.7814711243deg);\n --fs-alert-primary-bg: oklch(94.8368011224% 0.0301145988 34.7814711243deg);\n --fs-alert-primary-text: oklch(32.7893370747% 0.1003819961 34.7814711243deg);\n --fs-feedback-primary-bg: oklch(94.8368011224% 0.0301145988 34.7814711243deg);\n }\n [data-fs-brand=vibrant][data-theme=dark],\n [data-theme=dark] [data-fs-brand=vibrant] {\n --fs-color-primary: oklch(67.2997404419% 0.1907257925 34.7814711243deg);\n --fs-alert-primary-bg: oklch(33.5938963279% 0.0614355056 280.2435599526deg);\n --fs-alert-primary-text: oklch(81.0682707821% 0.1104201957 34.7814711243deg);\n --fs-feedback-primary-bg: oklch(33.5938963279% 0.0614355056 280.2435599526deg);\n }\n }\n}\n@layer overrides {\n [data-fs-brand=vibrant] .fs-btn-primary,\n [data-fs-brand=vibrant] .fs-badge-primary {\n --fs-btn-color: #000000;\n --fs-badge-color: #000000;\n }\n [data-fs-brand=vibrant] .fs-check {\n --fs-check-mark: #000000;\n }\n}\n@layer tokens {\n [data-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 --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}","// 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","@layer reset {\n *,\n *::before,\n *::after {\n box-sizing: border-box;\n }\n\n html {\n line-height: var(--fs-line-height-base);\n text-size-adjust: 100%;\n }\n\n body {\n margin: 0;\n color: var(--fs-color-text);\n background-color: var(--fs-color-surface);\n }\n\n [hidden] {\n display: none !important;\n }\n}\n","// As declarações @font-face das fontes self-hosted ficam em `_fonts.scss`,\n// distribuído à parte (dist/css/fonts.css) e fora dos bundles principais —\n// ver a nota nesse arquivo. Aqui só aplicamos as pilhas de `font-family`\n// (com fallback sans-serif/monospace, que valem mesmo sem fonts.css).\n\n@layer base {\n body,\n button,\n input,\n select,\n textarea {\n font-family: var(--fs-font-sans);\n font-size: var(--fs-font-size-md);\n }\n\n code,\n kbd,\n pre,\n samp {\n font-family: var(--fs-font-mono);\n }\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin-top: 0;\n font-weight: var(--fs-font-weight-semibold);\n line-height: var(--fs-line-height-heading);\n }\n\n h1 {\n font-size: var(--fs-font-size-h1);\n }\n\n h2 {\n font-size: var(--fs-font-size-h2);\n }\n\n h3 {\n font-size: var(--fs-font-size-h3);\n }\n\n h4 {\n font-size: var(--fs-font-size-h4);\n }\n\n h5 {\n font-size: var(--fs-font-size-h5);\n }\n\n h6 {\n font-size: var(--fs-font-size-h6);\n }\n}\n","// Respeita a preferência do sistema sem remover a funcionalidade dos\n// componentes: apenas reduz transições e animações ao estado final.\n@layer base {\n @media (prefers-reduced-motion: reduce) {\n *,\n *::before,\n *::after {\n scroll-behavior: auto !important;\n transition-duration: 0.01ms !important;\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n }\n\n // Spinner comunica uma operação em curso; congelá-lo o transforma em um\n // ícone ambíguo. Mantemos a animação, porém em ritmo mais lento, para\n // respeitar a preferência sem perder o significado de carregamento.\n .fs-spinner,\n .fs-progress-bar-animated,\n .fs-progress-indeterminate .fs-progress-bar {\n animation-duration: 1.5s !important;\n animation-iteration-count: infinite !important;\n }\n }\n}\n","@use \"sass:map\";\n@use \"../settings\" as *;\n\n// Agrupa itens horizontalmente com quebra de linha automática e\n// espaçamento consistente nos dois eixos — ideal para grupos de\n// tags/botões/badges que precisam \"fluir\" sem estourar o container.\n@layer layout {\n .fs-cluster {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: var(--fs-cluster-gap, #{map.get($spacers, 2)});\n }\n\n @each $key, $value in $spacers {\n .fs-cluster-gap-#{$key} {\n --fs-cluster-gap: #{$value};\n }\n }\n}\n","@use \"sass:map\";\n@use \"../settings\" as *;\n@use \"../tools\" as *;\n\n@layer layout {\n .fs-container,\n .fs-container-sm,\n .fs-container-md,\n .fs-container-lg,\n .fs-container-xl,\n .fs-container-xxl,\n .fs-container-xxxl,\n .fs-container-fluid {\n width: 100%;\n margin-right: auto;\n margin-left: auto;\n }\n\n @each $breakpoint, $width in $container-max-widths {\n @include media-breakpoint-up($breakpoint) {\n .fs-container,\n .fs-container-#{$breakpoint} {\n max-width: $width;\n }\n }\n }\n}\n","@use \"sass:map\";\n@use \"sass:math\";\n@use \"sass:color\";\n@use \"../settings\" as *;\n\n@mixin media-breakpoint-up($name) {\n $min: map.get($breakpoints, $name);\n\n @if $min == null {\n @error \"Unknown breakpoint `#{$name}`.\";\n }\n\n @if $min == 0 {\n @content;\n } @else {\n @media (min-width: $min) {\n @content;\n }\n }\n}\n\n@function breakpoint-infix($name) {\n @if $name == xs {\n @return \"\";\n }\n\n @return \"-#{$name}\";\n}\n\n@mixin focus-ring($color: var(--fs-color-primary)) {\n outline: var(--fs-focus-width) solid $color;\n outline-offset: var(--fs-focus-offset);\n border-color: $color;\n box-shadow: 0 0 0 3px color-mix(in srgb, #{$color} 22%, transparent);\n}\n\n@mixin truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n@function linearize-channel($value) {\n $c: math.div($value, 255);\n\n @if $c <= 0.0393 {\n @return math.div($c, 12.92);\n }\n\n @return math.pow(math.div($c + 0.055, 1.055), 2.4);\n}\n\n@function relative-luminance($color) {\n $r: linearize-channel(color.channel($color, \"red\", $space: rgb));\n $g: linearize-channel(color.channel($color, \"green\", $space: rgb));\n $b: linearize-channel(color.channel($color, \"blue\", $space: rgb));\n\n @return (0.2126 * $r) + (0.7152 * $g) + (0.0722 * $b);\n}\n\n@function color-contrast($background, $min-contrast: 4.5) {\n $contrast-with-white: math.div(1.05, relative-luminance($background) + 0.05);\n\n @if $contrast-with-white >= $min-contrast {\n @return $color-white;\n }\n\n @return $color-black;\n}\n\n// Razão de contraste WCAG entre duas cores (1–21). Usada pelo relatório de\n// contraste do build (`npm run contrast`, `scripts/contrast-report.scss`) —\n// ver docs/reference/contrast-report.md para os pares auditados.\n@function contrast-ratio($foreground, $background) {\n $l1: relative-luminance($foreground) + 0.05;\n $l2: relative-luminance($background) + 0.05;\n\n @if $l1 > $l2 {\n @return math.div($l1, $l2);\n }\n\n @return math.div($l2, $l1);\n}\n\n@function tint-color($color, $weight: 15%) {\n @return color.mix($color, $color-white, $weight, $method: oklch);\n}\n\n@function shade-color($color, $weight: 50%) {\n @return color.mix($color, $color-black, $weight, $method: oklch);\n}\n\n// Fallback sRGB de uma cor OKLCH para navegadores sem suporte a `oklch()`\n// (ver `@supports` em tokens/_root.scss e themes/_dark.scss). Faz gamut\n// mapping antes da conversão — misturas em OKLCH frequentemente caem fora do\n// gamut sRGB, e converter sem mapear gera `rgb()`/`hsl()` com canais\n// inválidos (saturação > 100%, etc.).\n@function rgb-fallback($color) {\n $mapped: color.to-gamut($color, $space: rgb, $method: local-minde);\n\n @return color.to-space($mapped, rgb);\n}\n","// Escala alinhada às larguras lógicas de tela mais comuns do mercado atual:\n// sm/tablet retrato (~768 já cobria isso; 640 cobre phablets/tablets pequenos\n// antes desse corte), lg = tablet paisagem/iPad (1024), xl = laptop comum\n// (1280), xxl = notebook/desktop com escala (Mac/Windows a 1536 lógico),\n// xxxl = monitor externo Full HD sem escala (1920).\n$breakpoints: (\n xs: 0,\n sm: 640px,\n md: 768px,\n lg: 1024px,\n xl: 1280px,\n xxl: 1536px,\n xxxl: 1920px\n) !default;\n\n$container-max-widths: (\n sm: 600px,\n md: 720px,\n lg: 960px,\n xl: 1200px,\n xxl: 1440px,\n xxxl: 1800px\n) !default;\n\n$column-max-widths: (\n sm: 120px,\n md: 240px,\n lg: 360px,\n xl: 480px,\n xxl: 600px,\n xxxl: 720px\n) !default;\n","@use \"sass:math\";\n@use \"../settings\" as *;\n@use \"../tools\" as *;\n\n@layer layout {\n $grid-columns: 12;\n\n .fs-row {\n display: flex;\n flex-wrap: wrap;\n margin-top: calc(var(--fs-gutter-y) * -1);\n margin-right: calc(var(--fs-gutter-x) / -2);\n margin-left: calc(var(--fs-gutter-x) / -2);\n }\n\n .fs-row > * {\n margin-top: var(--fs-gutter-y);\n padding-right: calc(var(--fs-gutter-x) / 2);\n padding-left: calc(var(--fs-gutter-x) / 2);\n }\n\n .fs-row-fluid {\n width: 100%;\n }\n\n .fs-col-fluid {\n width: 100%;\n }\n\n @each $breakpoint, $min in $breakpoints {\n $infix: breakpoint-infix($breakpoint);\n\n @include media-breakpoint-up($breakpoint) {\n .fs-col#{$infix} {\n flex: 1 0 0%;\n }\n\n .fs-col#{$infix}-auto {\n flex: 0 0 auto;\n width: auto;\n }\n\n @for $i from 1 through $grid-columns {\n .fs-col#{$infix}-#{$i} {\n flex: 0 0 auto;\n width: math.percentage(math.div($i, $grid-columns));\n }\n }\n }\n }\n}\n","@use \"sass:map\";\n@use \"../settings\" as *;\n\n// Um lado com largura fixa (a \"aside\") e o outro preenchendo o espaço\n// restante, quebrando para empilhado quando o container fica estreito\n// demais — sem media query: `.fs-sidebar-content` força a quebra via\n// `min-width` quando não cabe ao lado da aside na mesma linha.\n@layer layout {\n .fs-sidebar {\n display: flex;\n flex-wrap: wrap;\n gap: var(--fs-sidebar-gap, #{map.get($spacers, 3)});\n }\n\n .fs-sidebar-aside {\n flex-basis: var(--fs-sidebar-width, 16rem);\n flex-grow: 1;\n }\n\n .fs-sidebar-content {\n flex-basis: 0;\n flex-grow: 999;\n min-width: 50%;\n }\n\n .fs-sidebar-reverse {\n flex-direction: row-reverse;\n }\n\n @each $key, $value in $spacers {\n .fs-sidebar-gap-#{$key} {\n --fs-sidebar-gap: #{$value};\n }\n }\n\n @each $key, $value in $column-max-widths {\n .fs-sidebar-width-#{$key} {\n --fs-sidebar-width: #{$value};\n }\n }\n}\n","@use \"sass:map\";\n@use \"../settings\" as *;\n\n// Empilha os filhos diretos verticalmente com espaçamento consistente —\n// `gap` em vez de margin, evita o problema clássico de \"último filho não\n// deve ter margin-bottom\" sem seletor extra.\n@layer layout {\n .fs-stack {\n display: flex;\n flex-direction: column;\n gap: var(--fs-stack-gap, #{map.get($spacers, 3)});\n }\n\n @each $key, $value in $spacers {\n .fs-stack-gap-#{$key} {\n --fs-stack-gap: #{$value};\n }\n }\n}\n","@use \"sass:color\";\n@use \"../settings\" as *;\n@use \"../tools\" as *;\n\n// Theming multi-brand: um `data-fs-brand=\"x\"` sobrescreve só a cor de AÇÃO\n// PRIMÁRIA (--fs-color-primary e os tokens derivados) — secondary/success/\n// warning/danger/info continuam universais entre marcas, porque são\n// semânticos (sucesso é sempre verde, erro sempre vermelho, independente\n// de qual marca está ativa). Composto com `data-theme=\"dark\"` do mesmo\n// jeito que `_dark.scss` faz para a paleta padrão: mistura o primitivo com\n// branco/preto em OKLCH, não recalcula do zero.\n// Limitação conhecida: `.fs-btn-primary`/`.fs-badge-primary` (preenchimento\n// sólido) calculam a cor do texto em tempo de build via `color-contrast()`\n// a partir do primary padrão (azul) — não recalculam por marca. Escolha um\n// primitivo de marca escuro o bastante pro texto branco continuar legível\n// (como o exemplo abaixo), ou sobrescreva `--fs-btn-color`/`--fs-badge-color`\n// manualmente se o primitivo da marca for muito claro. Ver\n// `docs/guides/theming.md#multi-brand`.\n@layer tokens {\n // Marca de exemplo (\"violet\") — mesmo tom usado no exemplo de\n // customização do README, só pra provar que a troca funciona em runtime\n // sem recompilar CSS. Um projeto real substitui/adiciona marcas\n // definindo o próprio primitivo antes de `@use` este arquivo.\n $brand-violet-primary: color.to-space(#6d28d9, oklch) !default;\n\n [data-fs-brand=\"violet\"] {\n --fs-color-primary: #{rgb-fallback($brand-violet-primary)};\n --fs-alert-primary-bg: #{rgb-fallback(tint-color($brand-violet-primary))};\n --fs-alert-primary-text: #{rgb-fallback(shade-color($brand-violet-primary))};\n --fs-feedback-primary-bg: #{rgb-fallback(tint-color($brand-violet-primary))};\n }\n\n [data-fs-brand=\"violet\"][data-theme=\"dark\"],\n [data-theme=\"dark\"] [data-fs-brand=\"violet\"] {\n --fs-color-primary: #{rgb-fallback(color.mix($brand-violet-primary, $color-white, 95%, $method: oklch))};\n --fs-alert-primary-bg: #{rgb-fallback(color.mix($brand-violet-primary, $color-gray-900, 15%, $method: oklch))};\n --fs-alert-primary-text: #{rgb-fallback(color.mix($brand-violet-primary, $color-white, 55%, $method: oklch))};\n --fs-feedback-primary-bg: #{rgb-fallback(color.mix($brand-violet-primary, $color-gray-900, 15%, $method: oklch))};\n }\n\n @supports (color: oklch(0% 0 0)) {\n [data-fs-brand=\"violet\"] {\n --fs-color-primary: #{$brand-violet-primary};\n --fs-alert-primary-bg: #{tint-color($brand-violet-primary)};\n --fs-alert-primary-text: #{shade-color($brand-violet-primary)};\n --fs-feedback-primary-bg: #{tint-color($brand-violet-primary)};\n }\n\n [data-fs-brand=\"violet\"][data-theme=\"dark\"],\n [data-theme=\"dark\"] [data-fs-brand=\"violet\"] {\n --fs-color-primary: #{color.mix($brand-violet-primary, $color-white, 95%, $method: oklch)};\n --fs-alert-primary-bg: #{color.mix($brand-violet-primary, $color-gray-900, 15%, $method: oklch)};\n --fs-alert-primary-text: #{color.mix($brand-violet-primary, $color-white, 55%, $method: oklch)};\n --fs-feedback-primary-bg: #{color.mix($brand-violet-primary, $color-gray-900, 15%, $method: oklch)};\n }\n }\n\n // Preset \"corporate\" — azul-marinho/steel blue, tom sóbrio para\n // aplicações internas/B2B. Mesma técnica de mistura OKLCH acima.\n $brand-corporate-primary: color.to-space(#1d4e89, oklch) !default;\n\n [data-fs-brand=\"corporate\"] {\n --fs-color-primary: #{rgb-fallback($brand-corporate-primary)};\n --fs-alert-primary-bg: #{rgb-fallback(tint-color($brand-corporate-primary))};\n --fs-alert-primary-text: #{rgb-fallback(shade-color($brand-corporate-primary))};\n --fs-feedback-primary-bg: #{rgb-fallback(tint-color($brand-corporate-primary))};\n }\n\n [data-fs-brand=\"corporate\"][data-theme=\"dark\"],\n [data-theme=\"dark\"] [data-fs-brand=\"corporate\"] {\n --fs-color-primary: #{rgb-fallback(color.mix($brand-corporate-primary, $color-white, 95%, $method: oklch))};\n --fs-alert-primary-bg: #{rgb-fallback(color.mix($brand-corporate-primary, $color-gray-900, 15%, $method: oklch))};\n --fs-alert-primary-text: #{rgb-fallback(color.mix($brand-corporate-primary, $color-white, 55%, $method: oklch))};\n --fs-feedback-primary-bg: #{rgb-fallback(color.mix($brand-corporate-primary, $color-gray-900, 15%, $method: oklch))};\n }\n\n // Preset \"vibrant\" — laranja energético, tom para produtos de consumo/\n // marketing que queiram uma ação primária mais chamativa.\n $brand-vibrant-primary: color.to-space(#f2542d, oklch) !default;\n\n [data-fs-brand=\"vibrant\"] {\n --fs-color-primary: #{rgb-fallback($brand-vibrant-primary)};\n --fs-alert-primary-bg: #{rgb-fallback(tint-color($brand-vibrant-primary))};\n --fs-alert-primary-text: #{rgb-fallback(shade-color($brand-vibrant-primary))};\n --fs-feedback-primary-bg: #{rgb-fallback(tint-color($brand-vibrant-primary))};\n }\n\n [data-fs-brand=\"vibrant\"][data-theme=\"dark\"],\n [data-theme=\"dark\"] [data-fs-brand=\"vibrant\"] {\n --fs-color-primary: #{rgb-fallback(color.mix($brand-vibrant-primary, $color-white, 95%, $method: oklch))};\n --fs-alert-primary-bg: #{rgb-fallback(color.mix($brand-vibrant-primary, $color-gray-900, 15%, $method: oklch))};\n --fs-alert-primary-text: #{rgb-fallback(color.mix($brand-vibrant-primary, $color-white, 55%, $method: oklch))};\n --fs-feedback-primary-bg: #{rgb-fallback(color.mix($brand-vibrant-primary, $color-gray-900, 15%, $method: oklch))};\n }\n\n @supports (color: oklch(0% 0 0)) {\n [data-fs-brand=\"corporate\"] {\n --fs-color-primary: #{$brand-corporate-primary};\n --fs-alert-primary-bg: #{tint-color($brand-corporate-primary)};\n --fs-alert-primary-text: #{shade-color($brand-corporate-primary)};\n --fs-feedback-primary-bg: #{tint-color($brand-corporate-primary)};\n }\n\n [data-fs-brand=\"corporate\"][data-theme=\"dark\"],\n [data-theme=\"dark\"] [data-fs-brand=\"corporate\"] {\n --fs-color-primary: #{color.mix($brand-corporate-primary, $color-white, 95%, $method: oklch)};\n --fs-alert-primary-bg: #{color.mix($brand-corporate-primary, $color-gray-900, 15%, $method: oklch)};\n --fs-alert-primary-text: #{color.mix($brand-corporate-primary, $color-white, 55%, $method: oklch)};\n --fs-feedback-primary-bg: #{color.mix($brand-corporate-primary, $color-gray-900, 15%, $method: oklch)};\n }\n\n [data-fs-brand=\"vibrant\"] {\n --fs-color-primary: #{$brand-vibrant-primary};\n --fs-alert-primary-bg: #{tint-color($brand-vibrant-primary)};\n --fs-alert-primary-text: #{shade-color($brand-vibrant-primary)};\n --fs-feedback-primary-bg: #{tint-color($brand-vibrant-primary)};\n }\n\n [data-fs-brand=\"vibrant\"][data-theme=\"dark\"],\n [data-theme=\"dark\"] [data-fs-brand=\"vibrant\"] {\n --fs-color-primary: #{color.mix($brand-vibrant-primary, $color-white, 95%, $method: oklch)};\n --fs-alert-primary-bg: #{color.mix($brand-vibrant-primary, $color-gray-900, 15%, $method: oklch)};\n --fs-alert-primary-text: #{color.mix($brand-vibrant-primary, $color-white, 55%, $method: oklch)};\n --fs-feedback-primary-bg: #{color.mix($brand-vibrant-primary, $color-gray-900, 15%, $method: oklch)};\n }\n }\n}\n\n// Ao contrário de violet/corporate, o primitivo \"vibrant\" (laranja) é claro\n// o bastante pra o texto branco padrão de `.fs-btn-primary`/`.fs-badge-primary`\n// (calculado em tempo de build a partir do primary PADRÃO, não do de marca —\n// ver nota no topo do arquivo) cair abaixo de 4.5:1 — exatamente o caso que\n// a mitigação documentada em docs/guides/theming.md#multi-brand cobre.\n// Precisa estar em `@layer overrides` (a camada de maior prioridade — ver\n// `tokens/_root.scss`): `.fs-btn-primary`/`.fs-badge-primary` setam\n// `--fs-btn-color`/`--fs-badge-color` no próprio elemento dentro de\n// `@layer components`, e cascade layers ignoram especificidade — um\n// seletor mais específico em `@layer tokens` (onde vivem os blocos acima)\n// perderia mesmo assim.\n@layer overrides {\n [data-fs-brand=\"vibrant\"] .fs-btn-primary,\n [data-fs-brand=\"vibrant\"] .fs-badge-primary {\n --fs-btn-color: #{$color-black};\n --fs-badge-color: #{$color-black};\n }\n\n [data-fs-brand=\"vibrant\"] .fs-check {\n --fs-check-mark: #{$color-black};\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 --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 --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"]}

package/dist/css/layout.min.css ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ @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-ring-alpha:22%;--fs-transition-fast:150ms;--fs-transition-normal:220ms;--fs-ease-standard:cubic-bezier(0.2,0,0,1);--fs-border-width:1px;--fs-disabled-opacity:0.5;--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)}}@layer tokens{}@layer reset{,:after,:before{box-sizing:border-box}html{line-height:var(--fs-line-height-base);-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;color:var(--fs-color-text);background-color:var(--fs-color-surface)}[hidden]{display:none!important}}@layer base{body,button,input,select,textarea{font-family:var(--fs-font-sans);font-size:var(--fs-font-size-md)}code,kbd,pre,samp{font-family:var(--fs-font-mono)}h1,h2,h3,h4,h5,h6{margin-top:0;font-weight:var(--fs-font-weight-semibold);line-height:var(--fs-line-height-heading)}h1{font-size:var(--fs-font-size-h1)}h2{font-size:var(--fs-font-size-h2)}h3{font-size:var(--fs-font-size-h3)}h4{font-size:var(--fs-font-size-h4)}h5{font-size:var(--fs-font-size-h5)}h6{font-size:var(--fs-font-size-h6)}}@layer base{@media (prefers-reduced-motion:reduce){,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.fs-progress-bar-animated,.fs-progress-indeterminate .fs-progress-bar,.fs-spinner{animation-duration:1.5s!important;animation-iteration-count:infinite!important}}}@layer layout{.fs-cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--fs-cluster-gap,.5rem)}.fs-cluster-gap-0{--fs-cluster-gap:0}.fs-cluster-gap-1{--fs-cluster-gap:0.25rem}.fs-cluster-gap-2{--fs-cluster-gap:0.5rem}.fs-cluster-gap-3{--fs-cluster-gap:1rem}.fs-cluster-gap-4{--fs-cluster-gap:1.5rem}.fs-cluster-gap-5{--fs-cluster-gap:3rem}.fs-container,.fs-container-fluid,.fs-container-lg,.fs-container-md,.fs-container-sm,.fs-container-xl,.fs-container-xxl,.fs-container-xxxl{width:100%;margin-right:auto;margin-left:auto}}@layer layout{@media (min-width:640px){.fs-container,.fs-container-sm{max-width:600px}}@media (min-width:768px){.fs-container,.fs-container-md{max-width:720px}}@media (min-width:1024px){.fs-container,.fs-container-lg{max-width:960px}}@media (min-width:1280px){.fs-container,.fs-container-xl{max-width:1200px}}@media (min-width:1536px){.fs-container,.fs-container-xxl{max-width:1440px}}@media (min-width:1920px){.fs-container,.fs-container-xxxl{max-width:1800px}}}@layer layout{.fs-row{display:flex;flex-wrap:wrap;margin-top:calc(var(--fs-gutter-y)-1);margin-right:calc(var(--fs-gutter-x)/-2);margin-left:calc(var(--fs-gutter-x)/-2)}.fs-row>{margin-top:var(--fs-gutter-y);padding-right:calc(var(--fs-gutter-x)/2);padding-left:calc(var(--fs-gutter-x)/2)}.fs-col-fluid,.fs-row-fluid{width:100%}.fs-col{flex:1 0 0%}.fs-col-auto{flex:0 0 auto;width:auto}.fs-col-1{flex:0 0 auto;width:8.3333333333%}.fs-col-2{flex:0 0 auto;width:16.6666666667%}.fs-col-3{flex:0 0 auto;width:25%}.fs-col-4{flex:0 0 auto;width:33.3333333333%}.fs-col-5{flex:0 0 auto;width:41.6666666667%}.fs-col-6{flex:0 0 auto;width:50%}.fs-col-7{flex:0 0 auto;width:58.3333333333%}.fs-col-8{flex:0 0 auto;width:66.6666666667%}.fs-col-9{flex:0 0 auto;width:75%}.fs-col-10{flex:0 0 auto;width:83.3333333333%}.fs-col-11{flex:0 0 auto;width:91.6666666667%}.fs-col-12{flex:0 0 auto;width:100%}@media (min-width:640px){.fs-col-sm{flex:1 0 0%}.fs-col-sm-auto{flex:0 0 auto;width:auto}.fs-col-sm-1{flex:0 0 auto;width:8.3333333333%}.fs-col-sm-2{flex:0 0 auto;width:16.6666666667%}.fs-col-sm-3{flex:0 0 auto;width:25%}.fs-col-sm-4{flex:0 0 auto;width:33.3333333333%}.fs-col-sm-5{flex:0 0 auto;width:41.6666666667%}.fs-col-sm-6{flex:0 0 auto;width:50%}.fs-col-sm-7{flex:0 0 auto;width:58.3333333333%}.fs-col-sm-8{flex:0 0 auto;width:66.6666666667%}.fs-col-sm-9{flex:0 0 auto;width:75%}.fs-col-sm-10{flex:0 0 auto;width:83.3333333333%}.fs-col-sm-11{flex:0 0 auto;width:91.6666666667%}.fs-col-sm-12{flex:0 0 auto;width:100%}}@media (min-width:768px){.fs-col-md{flex:1 0 0%}.fs-col-md-auto{flex:0 0 auto;width:auto}.fs-col-md-1{flex:0 0 auto;width:8.3333333333%}.fs-col-md-2{flex:0 0 auto;width:16.6666666667%}.fs-col-md-3{flex:0 0 auto;width:25%}.fs-col-md-4{flex:0 0 auto;width:33.3333333333%}.fs-col-md-5{flex:0 0 auto;width:41.6666666667%}.fs-col-md-6{flex:0 0 auto;width:50%}.fs-col-md-7{flex:0 0 auto;width:58.3333333333%}.fs-col-md-8{flex:0 0 auto;width:66.6666666667%}.fs-col-md-9{flex:0 0 auto;width:75%}.fs-col-md-10{flex:0 0 auto;width:83.3333333333%}.fs-col-md-11{flex:0 0 auto;width:91.6666666667%}.fs-col-md-12{flex:0 0 auto;width:100%}}@media (min-width:1024px){.fs-col-lg{flex:1 0 0%}.fs-col-lg-auto{flex:0 0 auto;width:auto}.fs-col-lg-1{flex:0 0 auto;width:8.3333333333%}.fs-col-lg-2{flex:0 0 auto;width:16.6666666667%}.fs-col-lg-3{flex:0 0 auto;width:25%}.fs-col-lg-4{flex:0 0 auto;width:33.3333333333%}.fs-col-lg-5{flex:0 0 auto;width:41.6666666667%}.fs-col-lg-6{flex:0 0 auto;width:50%}.fs-col-lg-7{flex:0 0 auto;width:58.3333333333%}.fs-col-lg-8{flex:0 0 auto;width:66.6666666667%}.fs-col-lg-9{flex:0 0 auto;width:75%}.fs-col-lg-10{flex:0 0 auto;width:83.3333333333%}.fs-col-lg-11{flex:0 0 auto;width:91.6666666667%}.fs-col-lg-12{flex:0 0 auto;width:100%}}@media (min-width:1280px){.fs-col-xl{flex:1 0 0%}.fs-col-xl-auto{flex:0 0 auto;width:auto}.fs-col-xl-1{flex:0 0 auto;width:8.3333333333%}.fs-col-xl-2{flex:0 0 auto;width:16.6666666667%}.fs-col-xl-3{flex:0 0 auto;width:25%}.fs-col-xl-4{flex:0 0 auto;width:33.3333333333%}.fs-col-xl-5{flex:0 0 auto;width:41.6666666667%}.fs-col-xl-6{flex:0 0 auto;width:50%}.fs-col-xl-7{flex:0 0 auto;width:58.3333333333%}.fs-col-xl-8{flex:0 0 auto;width:66.6666666667%}.fs-col-xl-9{flex:0 0 auto;width:75%}.fs-col-xl-10{flex:0 0 auto;width:83.3333333333%}.fs-col-xl-11{flex:0 0 auto;width:91.6666666667%}.fs-col-xl-12{flex:0 0 auto;width:100%}}@media (min-width:1536px){.fs-col-xxl{flex:1 0 0%}.fs-col-xxl-auto{flex:0 0 auto;width:auto}.fs-col-xxl-1{flex:0 0 auto;width:8.3333333333%}.fs-col-xxl-2{flex:0 0 auto;width:16.6666666667%}.fs-col-xxl-3{flex:0 0 auto;width:25%}.fs-col-xxl-4{flex:0 0 auto;width:33.3333333333%}.fs-col-xxl-5{flex:0 0 auto;width:41.6666666667%}.fs-col-xxl-6{flex:0 0 auto;width:50%}.fs-col-xxl-7{flex:0 0 auto;width:58.3333333333%}.fs-col-xxl-8{flex:0 0 auto;width:66.6666666667%}.fs-col-xxl-9{flex:0 0 auto;width:75%}.fs-col-xxl-10{flex:0 0 auto;width:83.3333333333%}.fs-col-xxl-11{flex:0 0 auto;width:91.6666666667%}.fs-col-xxl-12{flex:0 0 auto;width:100%}}@media (min-width:1920px){.fs-col-xxxl{flex:1 0 0%}.fs-col-xxxl-auto{flex:0 0 auto;width:auto}.fs-col-xxxl-1{flex:0 0 auto;width:8.3333333333%}.fs-col-xxxl-2{flex:0 0 auto;width:16.6666666667%}.fs-col-xxxl-3{flex:0 0 auto;width:25%}.fs-col-xxxl-4{flex:0 0 auto;width:33.3333333333%}.fs-col-xxxl-5{flex:0 0 auto;width:41.6666666667%}.fs-col-xxxl-6{flex:0 0 auto;width:50%}.fs-col-xxxl-7{flex:0 0 auto;width:58.3333333333%}.fs-col-xxxl-8{flex:0 0 auto;width:66.6666666667%}.fs-col-xxxl-9{flex:0 0 auto;width:75%}.fs-col-xxxl-10{flex:0 0 auto;width:83.3333333333%}.fs-col-xxxl-11{flex:0 0 auto;width:91.6666666667%}.fs-col-xxxl-12{flex:0 0 auto;width:100%}}}@layer layout{.fs-sidebar{display:flex;flex-wrap:wrap;gap:var(--fs-sidebar-gap,1rem)}.fs-sidebar-aside{flex-basis:var(--fs-sidebar-width,16rem);flex-grow:1}.fs-sidebar-content{flex-basis:0;flex-grow:999;min-width:50%}.fs-sidebar-reverse{flex-direction:row-reverse}.fs-sidebar-gap-0{--fs-sidebar-gap:0}.fs-sidebar-gap-1{--fs-sidebar-gap:0.25rem}.fs-sidebar-gap-2{--fs-sidebar-gap:0.5rem}.fs-sidebar-gap-3{--fs-sidebar-gap:1rem}.fs-sidebar-gap-4{--fs-sidebar-gap:1.5rem}.fs-sidebar-gap-5{--fs-sidebar-gap:3rem}.fs-sidebar-width-sm{--fs-sidebar-width:120px}.fs-sidebar-width-md{--fs-sidebar-width:240px}.fs-sidebar-width-lg{--fs-sidebar-width:360px}.fs-sidebar-width-xl{--fs-sidebar-width:480px}.fs-sidebar-width-xxl{--fs-sidebar-width:600px}.fs-sidebar-width-xxxl{--fs-sidebar-width:720px}.fs-stack{display:flex;flex-direction:column;gap:var(--fs-stack-gap,1rem)}.fs-stack-gap-0{--fs-stack-gap:0}.fs-stack-gap-1{--fs-stack-gap:0.25rem}.fs-stack-gap-2{--fs-stack-gap:0.5rem}.fs-stack-gap-3{--fs-stack-gap:1rem}.fs-stack-gap-4{--fs-stack-gap:1.5rem}.fs-stack-gap-5{--fs-stack-gap:3rem}}@layer layout{}@layer tokens{[data-fs-brand=violet]{--fs-color-primary:#6d28d9;--fs-alert-primary-bg:#e6e2fd;--fs-alert-primary-text:#260953;--fs-feedback-primary-bg:#e6e2fd}[data-fs-brand=violet][data-theme=dark],[data-theme=dark] [data-fs-brand=violet]{--fs-color-primary:#7339dc;--fs-alert-primary-bg:#1f2f53;--fs-alert-primary-text:#a794f0;--fs-feedback-primary-bg:#1f2f53}@supports (color:oklch(0% 0 0deg)){[data-fs-brand=violet]{--fs-color-primary:oklch(49.0666497236% 0.2412317343 292.5809393311deg);--fs-alert-primary-bg:oklch(92.3599974585% 0.0361847601 292.5809393311deg);--fs-alert-primary-text:oklch(24.5333248618% 0.1206158672 292.5809393311deg);--fs-feedback-primary-bg:oklch(92.3599974585% 0.0361847601 292.5809393311deg)}[data-fs-brand=violet][data-theme=dark],[data-theme=dark] [data-fs-brand=violet]{--fs-color-primary:oklch(51.6133172374% 0.2291701476 292.5809393311deg);--fs-alert-primary-bg:oklch(31.117092664% 0.067505667 264.9134801836deg);--fs-alert-primary-text:oklch(71.986657348% 0.1326774539 292.5809393311deg);--fs-feedback-primary-bg:oklch(31.117092664% 0.067505667 264.9134801836deg)}}[data-fs-brand=corporate]{--fs-color-primary:#1d4e89;--fs-alert-primary-bg:#dbe3ee;--fs-alert-primary-text:#051931;--fs-feedback-primary-bg:#dbe3ee}[data-fs-brand=corporate][data-theme=dark],[data-theme=dark] [data-fs-brand=corporate]{--fs-color-primary:#29578f;--fs-alert-primary-bg:#1f2e46;--fs-alert-primary-text:#809bbf;--fs-feedback-primary-bg:#1f2e46}[data-fs-brand=vibrant]{--fs-color-primary:#f2542d;--fs-alert-primary-bg:#ffe7e1;--fs-alert-primary-text:#5e1b0b;--fs-feedback-primary-bg:#ffe7e1}[data-fs-brand=vibrant][data-theme=dark],[data-theme=dark] [data-fs-brand=vibrant]{--fs-color-primary:#f45f3b;--fs-alert-primary-bg:#313356;--fs-alert-primary-text:#ffa791;--fs-feedback-primary-bg:#313356}@supports (color:oklch(0% 0 0deg)){[data-fs-brand=corporate]{--fs-color-primary:oklch(42.3377990386% 0.1112359961 255.1073474093deg);--fs-alert-primary-bg:oklch(91.3506698558% 0.0166853994 255.1073474093deg);--fs-alert-primary-text:oklch(21.1688995193% 0.055617998 255.1073474093deg);--fs-feedback-primary-bg:oklch(91.3506698558% 0.0166853994 255.1073474093deg)}[data-fs-brand=corporate][data-theme=dark],[data-theme=dark] [data-fs-brand=corporate]{--fs-color-primary:oklch(45.2209090867% 0.1056741963 255.1073474093deg);--fs-alert-primary-bg:oklch(30.1077650613% 0.0480063062 259.2924413953deg);--fs-alert-primary-text:oklch(68.2857894712% 0.0611797979 255.1073474093deg);--fs-feedback-primary-bg:oklch(30.1077650613% 0.0480063062 259.2924413953deg)}[data-fs-brand=vibrant]{--fs-color-primary:oklch(65.5786741493% 0.2007639921 34.7814711243deg);--fs-alert-primary-bg:oklch(94.8368011224% 0.0301145988 34.7814711243deg);--fs-alert-primary-text:oklch(32.7893370747% 0.1003819961 34.7814711243deg);--fs-feedback-primary-bg:oklch(94.8368011224% 0.0301145988 34.7814711243deg)}[data-fs-brand=vibrant][data-theme=dark],[data-theme=dark] [data-fs-brand=vibrant]{--fs-color-primary:oklch(67.2997404419% 0.1907257925 34.7814711243deg);--fs-alert-primary-bg:oklch(33.5938963279% 0.0614355056 280.2435599526deg);--fs-alert-primary-text:oklch(81.0682707821% 0.1104201957 34.7814711243deg);--fs-feedback-primary-bg:oklch(33.5938963279% 0.0614355056 280.2435599526deg)}}}@layer overrides{[data-fs-brand=vibrant] :is(.fs-badge-primary,.fs-btn-primary){--fs-btn-color:#000;--fs-badge-color:#000}[data-fs-brand=vibrant] .fs-check{--fs-check-mark:#000}}@layer tokens{[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}@supports (color:oklch(0% 0 0deg)){[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)}}}
2	+ /# sourceMappingURL=layout.min.css.map /

package/dist/css/layout.min.css.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["file:///home/runner/work/fokus-styles/fokus-styles/packages/fokus-core/scss/tokens/_root.scss","../../scss/entries/layout-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/base/_reset.scss","file:///home/runner/work/fokus-styles/fokus-styles/packages/fokus-core/scss/base/_typography.scss","file:///home/runner/work/fokus-styles/fokus-styles/packages/fokus-core/scss/base/_motion.scss","file:///home/runner/work/fokus-styles/fokus-styles/packages/fokus-core/scss/layout/_cluster.scss","file:///home/runner/work/fokus-styles/fokus-styles/packages/fokus-core/scss/layout/_containers.scss","file:///home/runner/work/fokus-styles/fokus-styles/packages/fokus-core/scss/tools/_mixins.scss","file:///home/runner/work/fokus-styles/fokus-styles/packages/fokus-core/scss/layout/_grid.scss","file:///home/runner/work/fokus-styles/fokus-styles/packages/fokus-core/scss/layout/_sidebar.scss","file:///home/runner/work/fokus-styles/fokus-styles/packages/fokus-core/scss/layout/_stack.scss","file:///home/runner/work/fokus-styles/fokus-styles/packages/fokus-core/scss/themes/_brands.scss","file:///home/runner/work/fokus-styles/fokus-styles/packages/fokus-core/scss/themes/_dark.scss"],"names":[],"mappings":"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A,STobN,CStbI,aACE,aAAA,CACA,oBTwbN,CS1bI,aACE,aAAA,CACA,oBT4bN,CS9bI,aACE,aAAA,CACA,STgcN,CSlcI,cACE,aAAA,CACA,oBTocN,CStcI,cACE,aAAA,CACA,oBTwcN,CS1cI,cACE,aAAA,CACA,UT4cN,CACF,CQ3eE,0BCkBE,WACE,WT4dJ,CSzdE,gBACE,aAAA,CACA,UT2dJ,CSvdI,aACE,aAAA,CACA,mBTydN,CS3dI,aACE,aAAA,CACA,oBT6dN,CS/dI,aACE,aAAA,CACA,STieN,CSneI,aACE,aAAA,CACA,oBTqeN,CSveI,aACE,aAAA,CACA,oBTyeN,CS3eI,aACE,aAAA,CACA,ST6eN,CS/eI,aACE,aAAA,CACA,oBTifN,CSnfI,aACE,aAAA,CACA,oBTqfN,CSvfI,aACE,aAAA,CACA,STyfN,CS3fI,cACE,aAAA,CACA,oBT6fN,CS/fI,cACE,aAAA,CACA,oBTigBN,CSngBI,cACE,aAAA,CACA,UTqgBN,CACF,CQpiBE,0BCkBE,WACE,WTqhBJ,CSlhBE,gBACE,aAAA,CACA,UTohBJ,CShhBI,aACE,aAAA,CACA,mBTkhBN,CSphBI,aACE,aAAA,CACA,oBTshBN,CSxhBI,aACE,aAAA,CACA,ST0hBN,CS5hBI,aACE,aAAA,CACA,oBT8hBN,CShiBI,aACE,aAAA,CACA,oBTkiBN,CSpiBI,aACE,aAAA,CACA,STsiBN,CSxiBI,aACE,aAAA,CACA,oBT0iBN,CS5iBI,aACE,aAAA,CACA,oBT8iBN,CShjBI,aACE,aAAA,CACA,STkjBN,CSpjBI,cACE,aAAA,CACA,oBTsjBN,CSxjBI,cACE,aAAA,CACA,oBT0jBN,CS5jBI,cACE,aAAA,CACA,UT8jBN,CACF,CQ7lBE,0BCkBE,YACE,WT8kBJ,CS3kBE,iBACE,aAAA,CACA,UT6kBJ,CSzkBI,cACE,aAAA,CACA,mBT2kBN,CS7kBI,cACE,aAAA,CACA,oBT+kBN,CSjlBI,cACE,aAAA,CACA,STmlBN,CSrlBI,cACE,aAAA,CACA,oBTulBN,CSzlBI,cACE,aAAA,CACA,oBT2lBN,CS7lBI,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","file":"layout.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-ring-alpha: 22%;\n --fs-transition-fast: 150ms;\n --fs-transition-normal: 220ms;\n --fs-ease-standard: cubic-bezier(0.2, 0, 0, 1);\n --fs-border-width: 1px;\n --fs-disabled-opacity: 0.5;\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-ring-alpha: 22%;\n --fs-transition-fast: 150ms;\n --fs-transition-normal: 220ms;\n --fs-ease-standard: cubic-bezier(0.2, 0, 0, 1);\n --fs-border-width: 1px;\n --fs-disabled-opacity: 0.5;\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 reset {\n *,\n *::before,\n *::after {\n box-sizing: border-box;\n }\n html {\n line-height: var(--fs-line-height-base);\n text-size-adjust: 100%;\n }\n body {\n margin: 0;\n color: var(--fs-color-text);\n background-color: var(--fs-color-surface);\n }\n [hidden] {\n display: none !important;\n }\n}\n@layer base {\n body,\n button,\n input,\n select,\n textarea {\n font-family: var(--fs-font-sans);\n font-size: var(--fs-font-size-md);\n }\n code,\n kbd,\n pre,\n samp {\n font-family: var(--fs-font-mono);\n }\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin-top: 0;\n font-weight: var(--fs-font-weight-semibold);\n line-height: var(--fs-line-height-heading);\n }\n h1 {\n font-size: var(--fs-font-size-h1);\n }\n h2 {\n font-size: var(--fs-font-size-h2);\n }\n h3 {\n font-size: var(--fs-font-size-h3);\n }\n h4 {\n font-size: var(--fs-font-size-h4);\n }\n h5 {\n font-size: var(--fs-font-size-h5);\n }\n h6 {\n font-size: var(--fs-font-size-h6);\n }\n}\n@layer base {\n @media (prefers-reduced-motion: reduce) {\n *,\n *::before,\n *::after {\n scroll-behavior: auto !important;\n transition-duration: 0.01ms !important;\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n }\n .fs-spinner,\n .fs-progress-bar-animated,\n .fs-progress-indeterminate .fs-progress-bar {\n animation-duration: 1.5s !important;\n animation-iteration-count: infinite !important;\n }\n }\n}\n@layer layout {\n .fs-cluster {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: var(--fs-cluster-gap, 0.5rem);\n }\n .fs-cluster-gap-0 {\n --fs-cluster-gap: 0;\n }\n .fs-cluster-gap-1 {\n --fs-cluster-gap: 0.25rem;\n }\n .fs-cluster-gap-2 {\n --fs-cluster-gap: 0.5rem;\n }\n .fs-cluster-gap-3 {\n --fs-cluster-gap: 1rem;\n }\n .fs-cluster-gap-4 {\n --fs-cluster-gap: 1.5rem;\n }\n .fs-cluster-gap-5 {\n --fs-cluster-gap: 3rem;\n }\n}\n@layer layout {\n .fs-container,\n .fs-container-sm,\n .fs-container-md,\n .fs-container-lg,\n .fs-container-xl,\n .fs-container-xxl,\n .fs-container-xxxl,\n .fs-container-fluid {\n width: 100%;\n margin-right: auto;\n margin-left: auto;\n }\n @media (min-width: 640px) {\n .fs-container,\n .fs-container-sm {\n max-width: 600px;\n }\n }\n @media (min-width: 768px) {\n .fs-container,\n .fs-container-md {\n max-width: 720px;\n }\n }\n @media (min-width: 1024px) {\n .fs-container,\n .fs-container-lg {\n max-width: 960px;\n }\n }\n @media (min-width: 1280px) {\n .fs-container,\n .fs-container-xl {\n max-width: 1200px;\n }\n }\n @media (min-width: 1536px) {\n .fs-container,\n .fs-container-xxl {\n max-width: 1440px;\n }\n }\n @media (min-width: 1920px) {\n .fs-container,\n .fs-container-xxxl {\n max-width: 1800px;\n }\n }\n}\n@layer layout {\n .fs-row {\n display: flex;\n flex-wrap: wrap;\n margin-top: calc(var(--fs-gutter-y) * -1);\n margin-right: calc(var(--fs-gutter-x) / -2);\n margin-left: calc(var(--fs-gutter-x) / -2);\n }\n .fs-row > * {\n margin-top: var(--fs-gutter-y);\n padding-right: calc(var(--fs-gutter-x) / 2);\n padding-left: calc(var(--fs-gutter-x) / 2);\n }\n .fs-row-fluid {\n width: 100%;\n }\n .fs-col-fluid {\n width: 100%;\n }\n .fs-col {\n flex: 1 0 0%;\n }\n .fs-col-auto {\n flex: 0 0 auto;\n width: auto;\n }\n .fs-col-1 {\n flex: 0 0 auto;\n width: 8.3333333333%;\n }\n .fs-col-2 {\n flex: 0 0 auto;\n width: 16.6666666667%;\n }\n .fs-col-3 {\n flex: 0 0 auto;\n width: 25%;\n }\n .fs-col-4 {\n flex: 0 0 auto;\n width: 33.3333333333%;\n }\n .fs-col-5 {\n flex: 0 0 auto;\n width: 41.6666666667%;\n }\n .fs-col-6 {\n flex: 0 0 auto;\n width: 50%;\n }\n .fs-col-7 {\n flex: 0 0 auto;\n width: 58.3333333333%;\n }\n .fs-col-8 {\n flex: 0 0 auto;\n width: 66.6666666667%;\n }\n .fs-col-9 {\n flex: 0 0 auto;\n width: 75%;\n }\n .fs-col-10 {\n flex: 0 0 auto;\n width: 83.3333333333%;\n }\n .fs-col-11 {\n flex: 0 0 auto;\n width: 91.6666666667%;\n }\n .fs-col-12 {\n flex: 0 0 auto;\n width: 100%;\n }\n @media (min-width: 640px) {\n .fs-col-sm {\n flex: 1 0 0%;\n }\n .fs-col-sm-auto {\n flex: 0 0 auto;\n width: auto;\n }\n .fs-col-sm-1 {\n flex: 0 0 auto;\n width: 8.3333333333%;\n }\n .fs-col-sm-2 {\n flex: 0 0 auto;\n width: 16.6666666667%;\n }\n .fs-col-sm-3 {\n flex: 0 0 auto;\n width: 25%;\n }\n .fs-col-sm-4 {\n flex: 0 0 auto;\n width: 33.3333333333%;\n }\n .fs-col-sm-5 {\n flex: 0 0 auto;\n width: 41.6666666667%;\n }\n .fs-col-sm-6 {\n flex: 0 0 auto;\n width: 50%;\n }\n .fs-col-sm-7 {\n flex: 0 0 auto;\n width: 58.3333333333%;\n }\n .fs-col-sm-8 {\n flex: 0 0 auto;\n width: 66.6666666667%;\n }\n .fs-col-sm-9 {\n flex: 0 0 auto;\n width: 75%;\n }\n .fs-col-sm-10 {\n flex: 0 0 auto;\n width: 83.3333333333%;\n }\n .fs-col-sm-11 {\n flex: 0 0 auto;\n width: 91.6666666667%;\n }\n .fs-col-sm-12 {\n flex: 0 0 auto;\n width: 100%;\n }\n }\n @media (min-width: 768px) {\n .fs-col-md {\n flex: 1 0 0%;\n }\n .fs-col-md-auto {\n flex: 0 0 auto;\n width: auto;\n }\n .fs-col-md-1 {\n flex: 0 0 auto;\n width: 8.3333333333%;\n }\n .fs-col-md-2 {\n flex: 0 0 auto;\n width: 16.6666666667%;\n }\n .fs-col-md-3 {\n flex: 0 0 auto;\n width: 25%;\n }\n .fs-col-md-4 {\n flex: 0 0 auto;\n width: 33.3333333333%;\n }\n .fs-col-md-5 {\n flex: 0 0 auto;\n width: 41.6666666667%;\n }\n .fs-col-md-6 {\n flex: 0 0 auto;\n width: 50%;\n }\n .fs-col-md-7 {\n flex: 0 0 auto;\n width: 58.3333333333%;\n }\n .fs-col-md-8 {\n flex: 0 0 auto;\n width: 66.6666666667%;\n }\n .fs-col-md-9 {\n flex: 0 0 auto;\n width: 75%;\n }\n .fs-col-md-10 {\n flex: 0 0 auto;\n width: 83.3333333333%;\n }\n .fs-col-md-11 {\n flex: 0 0 auto;\n width: 91.6666666667%;\n }\n .fs-col-md-12 {\n flex: 0 0 auto;\n width: 100%;\n }\n }\n @media (min-width: 1024px) {\n .fs-col-lg {\n flex: 1 0 0%;\n }\n .fs-col-lg-auto {\n flex: 0 0 auto;\n width: auto;\n }\n .fs-col-lg-1 {\n flex: 0 0 auto;\n width: 8.3333333333%;\n }\n .fs-col-lg-2 {\n flex: 0 0 auto;\n width: 16.6666666667%;\n }\n .fs-col-lg-3 {\n flex: 0 0 auto;\n width: 25%;\n }\n .fs-col-lg-4 {\n flex: 0 0 auto;\n width: 33.3333333333%;\n }\n .fs-col-lg-5 {\n flex: 0 0 auto;\n width: 41.6666666667%;\n }\n .fs-col-lg-6 {\n flex: 0 0 auto;\n width: 50%;\n }\n .fs-col-lg-7 {\n flex: 0 0 auto;\n width: 58.3333333333%;\n }\n .fs-col-lg-8 {\n flex: 0 0 auto;\n width: 66.6666666667%;\n }\n .fs-col-lg-9 {\n flex: 0 0 auto;\n width: 75%;\n }\n .fs-col-lg-10 {\n flex: 0 0 auto;\n width: 83.3333333333%;\n }\n .fs-col-lg-11 {\n flex: 0 0 auto;\n width: 91.6666666667%;\n }\n .fs-col-lg-12 {\n flex: 0 0 auto;\n width: 100%;\n }\n }\n @media (min-width: 1280px) {\n .fs-col-xl {\n flex: 1 0 0%;\n }\n .fs-col-xl-auto {\n flex: 0 0 auto;\n width: auto;\n }\n .fs-col-xl-1 {\n flex: 0 0 auto;\n width: 8.3333333333%;\n }\n .fs-col-xl-2 {\n flex: 0 0 auto;\n width: 16.6666666667%;\n }\n .fs-col-xl-3 {\n flex: 0 0 auto;\n width: 25%;\n }\n .fs-col-xl-4 {\n flex: 0 0 auto;\n width: 33.3333333333%;\n }\n .fs-col-xl-5 {\n flex: 0 0 auto;\n width: 41.6666666667%;\n }\n .fs-col-xl-6 {\n flex: 0 0 auto;\n width: 50%;\n }\n .fs-col-xl-7 {\n flex: 0 0 auto;\n width: 58.3333333333%;\n }\n .fs-col-xl-8 {\n flex: 0 0 auto;\n width: 66.6666666667%;\n }\n .fs-col-xl-9 {\n flex: 0 0 auto;\n width: 75%;\n }\n .fs-col-xl-10 {\n flex: 0 0 auto;\n width: 83.3333333333%;\n }\n .fs-col-xl-11 {\n flex: 0 0 auto;\n width: 91.6666666667%;\n }\n .fs-col-xl-12 {\n flex: 0 0 auto;\n width: 100%;\n }\n }\n @media (min-width: 1536px) {\n .fs-col-xxl {\n flex: 1 0 0%;\n }\n .fs-col-xxl-auto {\n flex: 0 0 auto;\n width: auto;\n }\n .fs-col-xxl-1 {\n flex: 0 0 auto;\n width: 8.3333333333%;\n }\n .fs-col-xxl-2 {\n flex: 0 0 auto;\n width: 16.6666666667%;\n }\n .fs-col-xxl-3 {\n flex: 0 0 auto;\n width: 25%;\n }\n .fs-col-xxl-4 {\n flex: 0 0 auto;\n width: 33.3333333333%;\n }\n .fs-col-xxl-5 {\n flex: 0 0 auto;\n width: 41.6666666667%;\n }\n .fs-col-xxl-6 {\n flex: 0 0 auto;\n width: 50%;\n }\n .fs-col-xxl-7 {\n flex: 0 0 auto;\n width: 58.3333333333%;\n }\n .fs-col-xxl-8 {\n flex: 0 0 auto;\n width: 66.6666666667%;\n }\n .fs-col-xxl-9 {\n flex: 0 0 auto;\n width: 75%;\n }\n .fs-col-xxl-10 {\n flex: 0 0 auto;\n width: 83.3333333333%;\n }\n .fs-col-xxl-11 {\n flex: 0 0 auto;\n width: 91.6666666667%;\n }\n .fs-col-xxl-12 {\n flex: 0 0 auto;\n width: 100%;\n }\n }\n @media (min-width: 1920px) {\n .fs-col-xxxl {\n flex: 1 0 0%;\n }\n .fs-col-xxxl-auto {\n flex: 0 0 auto;\n width: auto;\n }\n .fs-col-xxxl-1 {\n flex: 0 0 auto;\n width: 8.3333333333%;\n }\n .fs-col-xxxl-2 {\n flex: 0 0 auto;\n width: 16.6666666667%;\n }\n .fs-col-xxxl-3 {\n flex: 0 0 auto;\n width: 25%;\n }\n .fs-col-xxxl-4 {\n flex: 0 0 auto;\n width: 33.3333333333%;\n }\n .fs-col-xxxl-5 {\n flex: 0 0 auto;\n width: 41.6666666667%;\n }\n .fs-col-xxxl-6 {\n flex: 0 0 auto;\n width: 50%;\n }\n .fs-col-xxxl-7 {\n flex: 0 0 auto;\n width: 58.3333333333%;\n }\n .fs-col-xxxl-8 {\n flex: 0 0 auto;\n width: 66.6666666667%;\n }\n .fs-col-xxxl-9 {\n flex: 0 0 auto;\n width: 75%;\n }\n .fs-col-xxxl-10 {\n flex: 0 0 auto;\n width: 83.3333333333%;\n }\n .fs-col-xxxl-11 {\n flex: 0 0 auto;\n width: 91.6666666667%;\n }\n .fs-col-xxxl-12 {\n flex: 0 0 auto;\n width: 100%;\n }\n }\n}\n@layer layout {\n .fs-sidebar {\n display: flex;\n flex-wrap: wrap;\n gap: var(--fs-sidebar-gap, 1rem);\n }\n .fs-sidebar-aside {\n flex-basis: var(--fs-sidebar-width, 16rem);\n flex-grow: 1;\n }\n .fs-sidebar-content {\n flex-basis: 0;\n flex-grow: 999;\n min-width: 50%;\n }\n .fs-sidebar-reverse {\n flex-direction: row-reverse;\n }\n .fs-sidebar-gap-0 {\n --fs-sidebar-gap: 0;\n }\n .fs-sidebar-gap-1 {\n --fs-sidebar-gap: 0.25rem;\n }\n .fs-sidebar-gap-2 {\n --fs-sidebar-gap: 0.5rem;\n }\n .fs-sidebar-gap-3 {\n --fs-sidebar-gap: 1rem;\n }\n .fs-sidebar-gap-4 {\n --fs-sidebar-gap: 1.5rem;\n }\n .fs-sidebar-gap-5 {\n --fs-sidebar-gap: 3rem;\n }\n .fs-sidebar-width-sm {\n --fs-sidebar-width: 120px;\n }\n .fs-sidebar-width-md {\n --fs-sidebar-width: 240px;\n }\n .fs-sidebar-width-lg {\n --fs-sidebar-width: 360px;\n }\n .fs-sidebar-width-xl {\n --fs-sidebar-width: 480px;\n }\n .fs-sidebar-width-xxl {\n --fs-sidebar-width: 600px;\n }\n .fs-sidebar-width-xxxl {\n --fs-sidebar-width: 720px;\n }\n}\n@layer layout {\n .fs-stack {\n display: flex;\n flex-direction: column;\n gap: var(--fs-stack-gap, 1rem);\n }\n .fs-stack-gap-0 {\n --fs-stack-gap: 0;\n }\n .fs-stack-gap-1 {\n --fs-stack-gap: 0.25rem;\n }\n .fs-stack-gap-2 {\n --fs-stack-gap: 0.5rem;\n }\n .fs-stack-gap-3 {\n --fs-stack-gap: 1rem;\n }\n .fs-stack-gap-4 {\n --fs-stack-gap: 1.5rem;\n }\n .fs-stack-gap-5 {\n --fs-stack-gap: 3rem;\n }\n}\n@layer tokens {\n [data-fs-brand=violet] {\n --fs-color-primary: #6d28d9;\n --fs-alert-primary-bg: rgb(229.8834406263, 225.8717327657, 252.5458384302);\n --fs-alert-primary-text: rgb(37.7006407433, 8.7385189481, 83.109047167);\n --fs-feedback-primary-bg: rgb(229.8834406263, 225.8717327657, 252.5458384302);\n }\n [data-fs-brand=violet][data-theme=dark],\n [data-theme=dark] [data-fs-brand=violet] {\n --fs-color-primary: rgb(114.6495158739, 57.1165361442, 219.9746158745);\n --fs-alert-primary-bg: rgb(31.4819726714, 47.0564006856, 82.6607876597);\n --fs-alert-primary-text: rgb(167.4962913963, 147.746130571, 240.0249534535);\n --fs-feedback-primary-bg: rgb(31.4819726714, 47.0564006856, 82.6607876597);\n }\n @supports (color: oklch(0% 0 0deg)) {\n [data-fs-brand=violet] {\n --fs-color-primary: oklch(49.0666497236% 0.2412317343 292.5809393311deg);\n --fs-alert-primary-bg: oklch(92.3599974585% 0.0361847601 292.5809393311deg);\n --fs-alert-primary-text: oklch(24.5333248618% 0.1206158672 292.5809393311deg);\n --fs-feedback-primary-bg: oklch(92.3599974585% 0.0361847601 292.5809393311deg);\n }\n [data-fs-brand=violet][data-theme=dark],\n [data-theme=dark] [data-fs-brand=violet] {\n --fs-color-primary: oklch(51.6133172374% 0.2291701476 292.5809393311deg);\n --fs-alert-primary-bg: oklch(31.117092664% 0.067505667 264.9134801836deg);\n --fs-alert-primary-text: oklch(71.986657348% 0.1326774539 292.5809393311deg);\n --fs-feedback-primary-bg: oklch(31.117092664% 0.067505667 264.9134801836deg);\n }\n }\n [data-fs-brand=corporate] {\n --fs-color-primary: #1d4e89;\n --fs-alert-primary-bg: rgb(219.2237954153, 227.2186121739, 237.6990809983);\n --fs-alert-primary-text: rgb(5.0598830676, 24.6667463069, 49.4731905568);\n --fs-feedback-primary-bg: rgb(219.2237954153, 227.2186121739, 237.6990809983);\n }\n [data-fs-brand=corporate][data-theme=dark],\n [data-theme=dark] [data-fs-brand=corporate] {\n --fs-color-primary: rgb(40.8593466225, 86.5224214637, 143.0926598584);\n --fs-alert-primary-bg: rgb(31.2586947979, 46.3186220749, 70.1321749545);\n --fs-alert-primary-text: rgb(127.9940036809, 155.4045223568, 190.9765129762);\n --fs-feedback-primary-bg: rgb(31.2586947979, 46.3186220749, 70.1321749545);\n }\n [data-fs-brand=vibrant] {\n --fs-color-primary: #f2542d;\n --fs-alert-primary-bg: rgb(255, 231.3637253432, 224.6456124112);\n --fs-alert-primary-text: rgb(93.6202523577, 27.1894355526, 10.7919554552);\n --fs-feedback-primary-bg: rgb(255, 231.3637253432, 224.6456124112);\n }\n [data-fs-brand=vibrant][data-theme=dark],\n [data-theme=dark] [data-fs-brand=vibrant] {\n --fs-color-primary: rgb(244.0763687777, 94.774513804, 58.7750761343);\n --fs-alert-primary-bg: rgb(48.9487024594, 50.7990197305, 85.9119190034);\n --fs-alert-primary-text: rgb(255, 166.953251087, 144.6609410048);\n --fs-feedback-primary-bg: rgb(48.9487024594, 50.7990197305, 85.9119190034);\n }\n @supports (color: oklch(0% 0 0deg)) {\n [data-fs-brand=corporate] {\n --fs-color-primary: oklch(42.3377990386% 0.1112359961 255.1073474093deg);\n --fs-alert-primary-bg: oklch(91.3506698558% 0.0166853994 255.1073474093deg);\n --fs-alert-primary-text: oklch(21.1688995193% 0.055617998 255.1073474093deg);\n --fs-feedback-primary-bg: oklch(91.3506698558% 0.0166853994 255.1073474093deg);\n }\n [data-fs-brand=corporate][data-theme=dark],\n [data-theme=dark] [data-fs-brand=corporate] {\n --fs-color-primary: oklch(45.2209090867% 0.1056741963 255.1073474093deg);\n --fs-alert-primary-bg: oklch(30.1077650613% 0.0480063062 259.2924413953deg);\n --fs-alert-primary-text: oklch(68.2857894712% 0.0611797979 255.1073474093deg);\n --fs-feedback-primary-bg: oklch(30.1077650613% 0.0480063062 259.2924413953deg);\n }\n [data-fs-brand=vibrant] {\n --fs-color-primary: oklch(65.5786741493% 0.2007639921 34.7814711243deg);\n --fs-alert-primary-bg: oklch(94.8368011224% 0.0301145988 34.7814711243deg);\n --fs-alert-primary-text: oklch(32.7893370747% 0.1003819961 34.7814711243deg);\n --fs-feedback-primary-bg: oklch(94.8368011224% 0.0301145988 34.7814711243deg);\n }\n [data-fs-brand=vibrant][data-theme=dark],\n [data-theme=dark] [data-fs-brand=vibrant] {\n --fs-color-primary: oklch(67.2997404419% 0.1907257925 34.7814711243deg);\n --fs-alert-primary-bg: oklch(33.5938963279% 0.0614355056 280.2435599526deg);\n --fs-alert-primary-text: oklch(81.0682707821% 0.1104201957 34.7814711243deg);\n --fs-feedback-primary-bg: oklch(33.5938963279% 0.0614355056 280.2435599526deg);\n }\n }\n}\n@layer overrides {\n [data-fs-brand=vibrant] .fs-btn-primary,\n [data-fs-brand=vibrant] .fs-badge-primary {\n --fs-btn-color: #000000;\n --fs-badge-color: #000000;\n }\n [data-fs-brand=vibrant] .fs-check {\n --fs-check-mark: #000000;\n }\n}\n@layer tokens {\n [data-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 --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}","// 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","@layer reset {\n *,\n *::before,\n *::after {\n box-sizing: border-box;\n }\n\n html {\n line-height: var(--fs-line-height-base);\n text-size-adjust: 100%;\n }\n\n body {\n margin: 0;\n color: var(--fs-color-text);\n background-color: var(--fs-color-surface);\n }\n\n [hidden] {\n display: none !important;\n }\n}\n","// As declarações @font-face das fontes self-hosted ficam em `_fonts.scss`,\n// distribuído à parte (dist/css/fonts.css) e fora dos bundles principais —\n// ver a nota nesse arquivo. Aqui só aplicamos as pilhas de `font-family`\n// (com fallback sans-serif/monospace, que valem mesmo sem fonts.css).\n\n@layer base {\n body,\n button,\n input,\n select,\n textarea {\n font-family: var(--fs-font-sans);\n font-size: var(--fs-font-size-md);\n }\n\n code,\n kbd,\n pre,\n samp {\n font-family: var(--fs-font-mono);\n }\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin-top: 0;\n font-weight: var(--fs-font-weight-semibold);\n line-height: var(--fs-line-height-heading);\n }\n\n h1 {\n font-size: var(--fs-font-size-h1);\n }\n\n h2 {\n font-size: var(--fs-font-size-h2);\n }\n\n h3 {\n font-size: var(--fs-font-size-h3);\n }\n\n h4 {\n font-size: var(--fs-font-size-h4);\n }\n\n h5 {\n font-size: var(--fs-font-size-h5);\n }\n\n h6 {\n font-size: var(--fs-font-size-h6);\n }\n}\n","// Respeita a preferência do sistema sem remover a funcionalidade dos\n// componentes: apenas reduz transições e animações ao estado final.\n@layer base {\n @media (prefers-reduced-motion: reduce) {\n *,\n *::before,\n *::after {\n scroll-behavior: auto !important;\n transition-duration: 0.01ms !important;\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n }\n\n // Spinner comunica uma operação em curso; congelá-lo o transforma em um\n // ícone ambíguo. Mantemos a animação, porém em ritmo mais lento, para\n // respeitar a preferência sem perder o significado de carregamento.\n .fs-spinner,\n .fs-progress-bar-animated,\n .fs-progress-indeterminate .fs-progress-bar {\n animation-duration: 1.5s !important;\n animation-iteration-count: infinite !important;\n }\n }\n}\n","@use \"sass:map\";\n@use \"../settings\" as *;\n\n// Agrupa itens horizontalmente com quebra de linha automática e\n// espaçamento consistente nos dois eixos — ideal para grupos de\n// tags/botões/badges que precisam \"fluir\" sem estourar o container.\n@layer layout {\n .fs-cluster {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: var(--fs-cluster-gap, #{map.get($spacers, 2)});\n }\n\n @each $key, $value in $spacers {\n .fs-cluster-gap-#{$key} {\n --fs-cluster-gap: #{$value};\n }\n }\n}\n","@use \"sass:map\";\n@use \"../settings\" as *;\n@use \"../tools\" as *;\n\n@layer layout {\n .fs-container,\n .fs-container-sm,\n .fs-container-md,\n .fs-container-lg,\n .fs-container-xl,\n .fs-container-xxl,\n .fs-container-xxxl,\n .fs-container-fluid {\n width: 100%;\n margin-right: auto;\n margin-left: auto;\n }\n\n @each $breakpoint, $width in $container-max-widths {\n @include media-breakpoint-up($breakpoint) {\n .fs-container,\n .fs-container-#{$breakpoint} {\n max-width: $width;\n }\n }\n }\n}\n","@use \"sass:map\";\n@use \"sass:math\";\n@use \"sass:color\";\n@use \"../settings\" as *;\n\n@mixin media-breakpoint-up($name) {\n $min: map.get($breakpoints, $name);\n\n @if $min == null {\n @error \"Unknown breakpoint `#{$name}`.\";\n }\n\n @if $min == 0 {\n @content;\n } @else {\n @media (min-width: $min) {\n @content;\n }\n }\n}\n\n@function breakpoint-infix($name) {\n @if $name == xs {\n @return \"\";\n }\n\n @return \"-#{$name}\";\n}\n\n@mixin focus-ring($color: var(--fs-color-primary)) {\n outline: var(--fs-focus-width) solid $color;\n outline-offset: var(--fs-focus-offset);\n border-color: $color;\n box-shadow: 0 0 0 3px color-mix(in srgb, #{$color} 22%, transparent);\n}\n\n@mixin truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n@function linearize-channel($value) {\n $c: math.div($value, 255);\n\n @if $c <= 0.0393 {\n @return math.div($c, 12.92);\n }\n\n @return math.pow(math.div($c + 0.055, 1.055), 2.4);\n}\n\n@function relative-luminance($color) {\n $r: linearize-channel(color.channel($color, \"red\", $space: rgb));\n $g: linearize-channel(color.channel($color, \"green\", $space: rgb));\n $b: linearize-channel(color.channel($color, \"blue\", $space: rgb));\n\n @return (0.2126 * $r) + (0.7152 * $g) + (0.0722 * $b);\n}\n\n@function color-contrast($background, $min-contrast: 4.5) {\n $contrast-with-white: math.div(1.05, relative-luminance($background) + 0.05);\n\n @if $contrast-with-white >= $min-contrast {\n @return $color-white;\n }\n\n @return $color-black;\n}\n\n// Razão de contraste WCAG entre duas cores (1–21). Usada pelo relatório de\n// contraste do build (`npm run contrast`, `scripts/contrast-report.scss`) —\n// ver docs/reference/contrast-report.md para os pares auditados.\n@function contrast-ratio($foreground, $background) {\n $l1: relative-luminance($foreground) + 0.05;\n $l2: relative-luminance($background) + 0.05;\n\n @if $l1 > $l2 {\n @return math.div($l1, $l2);\n }\n\n @return math.div($l2, $l1);\n}\n\n@function tint-color($color, $weight: 15%) {\n @return color.mix($color, $color-white, $weight, $method: oklch);\n}\n\n@function shade-color($color, $weight: 50%) {\n @return color.mix($color, $color-black, $weight, $method: oklch);\n}\n\n// Fallback sRGB de uma cor OKLCH para navegadores sem suporte a `oklch()`\n// (ver `@supports` em tokens/_root.scss e themes/_dark.scss). Faz gamut\n// mapping antes da conversão — misturas em OKLCH frequentemente caem fora do\n// gamut sRGB, e converter sem mapear gera `rgb()`/`hsl()` com canais\n// inválidos (saturação > 100%, etc.).\n@function rgb-fallback($color) {\n $mapped: color.to-gamut($color, $space: rgb, $method: local-minde);\n\n @return color.to-space($mapped, rgb);\n}\n","@use \"sass:math\";\n@use \"../settings\" as *;\n@use \"../tools\" as *;\n\n@layer layout {\n $grid-columns: 12;\n\n .fs-row {\n display: flex;\n flex-wrap: wrap;\n margin-top: calc(var(--fs-gutter-y) * -1);\n margin-right: calc(var(--fs-gutter-x) / -2);\n margin-left: calc(var(--fs-gutter-x) / -2);\n }\n\n .fs-row > * {\n margin-top: var(--fs-gutter-y);\n padding-right: calc(var(--fs-gutter-x) / 2);\n padding-left: calc(var(--fs-gutter-x) / 2);\n }\n\n .fs-row-fluid {\n width: 100%;\n }\n\n .fs-col-fluid {\n width: 100%;\n }\n\n @each $breakpoint, $min in $breakpoints {\n $infix: breakpoint-infix($breakpoint);\n\n @include media-breakpoint-up($breakpoint) {\n .fs-col#{$infix} {\n flex: 1 0 0%;\n }\n\n .fs-col#{$infix}-auto {\n flex: 0 0 auto;\n width: auto;\n }\n\n @for $i from 1 through $grid-columns {\n .fs-col#{$infix}-#{$i} {\n flex: 0 0 auto;\n width: math.percentage(math.div($i, $grid-columns));\n }\n }\n }\n }\n}\n","@use \"sass:map\";\n@use \"../settings\" as *;\n\n// Um lado com largura fixa (a \"aside\") e o outro preenchendo o espaço\n// restante, quebrando para empilhado quando o container fica estreito\n// demais — sem media query: `.fs-sidebar-content` força a quebra via\n// `min-width` quando não cabe ao lado da aside na mesma linha.\n@layer layout {\n .fs-sidebar {\n display: flex;\n flex-wrap: wrap;\n gap: var(--fs-sidebar-gap, #{map.get($spacers, 3)});\n }\n\n .fs-sidebar-aside {\n flex-basis: var(--fs-sidebar-width, 16rem);\n flex-grow: 1;\n }\n\n .fs-sidebar-content {\n flex-basis: 0;\n flex-grow: 999;\n min-width: 50%;\n }\n\n .fs-sidebar-reverse {\n flex-direction: row-reverse;\n }\n\n @each $key, $value in $spacers {\n .fs-sidebar-gap-#{$key} {\n --fs-sidebar-gap: #{$value};\n }\n }\n\n @each $key, $value in $column-max-widths {\n .fs-sidebar-width-#{$key} {\n --fs-sidebar-width: #{$value};\n }\n }\n}\n","@use \"sass:map\";\n@use \"../settings\" as *;\n\n// Empilha os filhos diretos verticalmente com espaçamento consistente —\n// `gap` em vez de margin, evita o problema clássico de \"último filho não\n// deve ter margin-bottom\" sem seletor extra.\n@layer layout {\n .fs-stack {\n display: flex;\n flex-direction: column;\n gap: var(--fs-stack-gap, #{map.get($spacers, 3)});\n }\n\n @each $key, $value in $spacers {\n .fs-stack-gap-#{$key} {\n --fs-stack-gap: #{$value};\n }\n }\n}\n","@use \"sass:color\";\n@use \"../settings\" as *;\n@use \"../tools\" as *;\n\n// Theming multi-brand: um `data-fs-brand=\"x\"` sobrescreve só a cor de AÇÃO\n// PRIMÁRIA (--fs-color-primary e os tokens derivados) — secondary/success/\n// warning/danger/info continuam universais entre marcas, porque são\n// semânticos (sucesso é sempre verde, erro sempre vermelho, independente\n// de qual marca está ativa). Composto com `data-theme=\"dark\"` do mesmo\n// jeito que `_dark.scss` faz para a paleta padrão: mistura o primitivo com\n// branco/preto em OKLCH, não recalcula do zero.\n// Limitação conhecida: `.fs-btn-primary`/`.fs-badge-primary` (preenchimento\n// sólido) calculam a cor do texto em tempo de build via `color-contrast()`\n// a partir do primary padrão (azul) — não recalculam por marca. Escolha um\n// primitivo de marca escuro o bastante pro texto branco continuar legível\n// (como o exemplo abaixo), ou sobrescreva `--fs-btn-color`/`--fs-badge-color`\n// manualmente se o primitivo da marca for muito claro. Ver\n// `docs/guides/theming.md#multi-brand`.\n@layer tokens {\n // Marca de exemplo (\"violet\") — mesmo tom usado no exemplo de\n // customização do README, só pra provar que a troca funciona em runtime\n // sem recompilar CSS. Um projeto real substitui/adiciona marcas\n // definindo o próprio primitivo antes de `@use` este arquivo.\n $brand-violet-primary: color.to-space(#6d28d9, oklch) !default;\n\n [data-fs-brand=\"violet\"] {\n --fs-color-primary: #{rgb-fallback($brand-violet-primary)};\n --fs-alert-primary-bg: #{rgb-fallback(tint-color($brand-violet-primary))};\n --fs-alert-primary-text: #{rgb-fallback(shade-color($brand-violet-primary))};\n --fs-feedback-primary-bg: #{rgb-fallback(tint-color($brand-violet-primary))};\n }\n\n [data-fs-brand=\"violet\"][data-theme=\"dark\"],\n [data-theme=\"dark\"] [data-fs-brand=\"violet\"] {\n --fs-color-primary: #{rgb-fallback(color.mix($brand-violet-primary, $color-white, 95%, $method: oklch))};\n --fs-alert-primary-bg: #{rgb-fallback(color.mix($brand-violet-primary, $color-gray-900, 15%, $method: oklch))};\n --fs-alert-primary-text: #{rgb-fallback(color.mix($brand-violet-primary, $color-white, 55%, $method: oklch))};\n --fs-feedback-primary-bg: #{rgb-fallback(color.mix($brand-violet-primary, $color-gray-900, 15%, $method: oklch))};\n }\n\n @supports (color: oklch(0% 0 0)) {\n [data-fs-brand=\"violet\"] {\n --fs-color-primary: #{$brand-violet-primary};\n --fs-alert-primary-bg: #{tint-color($brand-violet-primary)};\n --fs-alert-primary-text: #{shade-color($brand-violet-primary)};\n --fs-feedback-primary-bg: #{tint-color($brand-violet-primary)};\n }\n\n [data-fs-brand=\"violet\"][data-theme=\"dark\"],\n [data-theme=\"dark\"] [data-fs-brand=\"violet\"] {\n --fs-color-primary: #{color.mix($brand-violet-primary, $color-white, 95%, $method: oklch)};\n --fs-alert-primary-bg: #{color.mix($brand-violet-primary, $color-gray-900, 15%, $method: oklch)};\n --fs-alert-primary-text: #{color.mix($brand-violet-primary, $color-white, 55%, $method: oklch)};\n --fs-feedback-primary-bg: #{color.mix($brand-violet-primary, $color-gray-900, 15%, $method: oklch)};\n }\n }\n\n // Preset \"corporate\" — azul-marinho/steel blue, tom sóbrio para\n // aplicações internas/B2B. Mesma técnica de mistura OKLCH acima.\n $brand-corporate-primary: color.to-space(#1d4e89, oklch) !default;\n\n [data-fs-brand=\"corporate\"] {\n --fs-color-primary: #{rgb-fallback($brand-corporate-primary)};\n --fs-alert-primary-bg: #{rgb-fallback(tint-color($brand-corporate-primary))};\n --fs-alert-primary-text: #{rgb-fallback(shade-color($brand-corporate-primary))};\n --fs-feedback-primary-bg: #{rgb-fallback(tint-color($brand-corporate-primary))};\n }\n\n [data-fs-brand=\"corporate\"][data-theme=\"dark\"],\n [data-theme=\"dark\"] [data-fs-brand=\"corporate\"] {\n --fs-color-primary: #{rgb-fallback(color.mix($brand-corporate-primary, $color-white, 95%, $method: oklch))};\n --fs-alert-primary-bg: #{rgb-fallback(color.mix($brand-corporate-primary, $color-gray-900, 15%, $method: oklch))};\n --fs-alert-primary-text: #{rgb-fallback(color.mix($brand-corporate-primary, $color-white, 55%, $method: oklch))};\n --fs-feedback-primary-bg: #{rgb-fallback(color.mix($brand-corporate-primary, $color-gray-900, 15%, $method: oklch))};\n }\n\n // Preset \"vibrant\" — laranja energético, tom para produtos de consumo/\n // marketing que queiram uma ação primária mais chamativa.\n $brand-vibrant-primary: color.to-space(#f2542d, oklch) !default;\n\n [data-fs-brand=\"vibrant\"] {\n --fs-color-primary: #{rgb-fallback($brand-vibrant-primary)};\n --fs-alert-primary-bg: #{rgb-fallback(tint-color($brand-vibrant-primary))};\n --fs-alert-primary-text: #{rgb-fallback(shade-color($brand-vibrant-primary))};\n --fs-feedback-primary-bg: #{rgb-fallback(tint-color($brand-vibrant-primary))};\n }\n\n [data-fs-brand=\"vibrant\"][data-theme=\"dark\"],\n [data-theme=\"dark\"] [data-fs-brand=\"vibrant\"] {\n --fs-color-primary: #{rgb-fallback(color.mix($brand-vibrant-primary, $color-white, 95%, $method: oklch))};\n --fs-alert-primary-bg: #{rgb-fallback(color.mix($brand-vibrant-primary, $color-gray-900, 15%, $method: oklch))};\n --fs-alert-primary-text: #{rgb-fallback(color.mix($brand-vibrant-primary, $color-white, 55%, $method: oklch))};\n --fs-feedback-primary-bg: #{rgb-fallback(color.mix($brand-vibrant-primary, $color-gray-900, 15%, $method: oklch))};\n }\n\n @supports (color: oklch(0% 0 0)) {\n [data-fs-brand=\"corporate\"] {\n --fs-color-primary: #{$brand-corporate-primary};\n --fs-alert-primary-bg: #{tint-color($brand-corporate-primary)};\n --fs-alert-primary-text: #{shade-color($brand-corporate-primary)};\n --fs-feedback-primary-bg: #{tint-color($brand-corporate-primary)};\n }\n\n [data-fs-brand=\"corporate\"][data-theme=\"dark\"],\n [data-theme=\"dark\"] [data-fs-brand=\"corporate\"] {\n --fs-color-primary: #{color.mix($brand-corporate-primary, $color-white, 95%, $method: oklch)};\n --fs-alert-primary-bg: #{color.mix($brand-corporate-primary, $color-gray-900, 15%, $method: oklch)};\n --fs-alert-primary-text: #{color.mix($brand-corporate-primary, $color-white, 55%, $method: oklch)};\n --fs-feedback-primary-bg: #{color.mix($brand-corporate-primary, $color-gray-900, 15%, $method: oklch)};\n }\n\n [data-fs-brand=\"vibrant\"] {\n --fs-color-primary: #{$brand-vibrant-primary};\n --fs-alert-primary-bg: #{tint-color($brand-vibrant-primary)};\n --fs-alert-primary-text: #{shade-color($brand-vibrant-primary)};\n --fs-feedback-primary-bg: #{tint-color($brand-vibrant-primary)};\n }\n\n [data-fs-brand=\"vibrant\"][data-theme=\"dark\"],\n [data-theme=\"dark\"] [data-fs-brand=\"vibrant\"] {\n --fs-color-primary: #{color.mix($brand-vibrant-primary, $color-white, 95%, $method: oklch)};\n --fs-alert-primary-bg: #{color.mix($brand-vibrant-primary, $color-gray-900, 15%, $method: oklch)};\n --fs-alert-primary-text: #{color.mix($brand-vibrant-primary, $color-white, 55%, $method: oklch)};\n --fs-feedback-primary-bg: #{color.mix($brand-vibrant-primary, $color-gray-900, 15%, $method: oklch)};\n }\n }\n}\n\n// Ao contrário de violet/corporate, o primitivo \"vibrant\" (laranja) é claro\n// o bastante pra o texto branco padrão de `.fs-btn-primary`/`.fs-badge-primary`\n// (calculado em tempo de build a partir do primary PADRÃO, não do de marca —\n// ver nota no topo do arquivo) cair abaixo de 4.5:1 — exatamente o caso que\n// a mitigação documentada em docs/guides/theming.md#multi-brand cobre.\n// Precisa estar em `@layer overrides` (a camada de maior prioridade — ver\n// `tokens/_root.scss`): `.fs-btn-primary`/`.fs-badge-primary` setam\n// `--fs-btn-color`/`--fs-badge-color` no próprio elemento dentro de\n// `@layer components`, e cascade layers ignoram especificidade — um\n// seletor mais específico em `@layer tokens` (onde vivem os blocos acima)\n// perderia mesmo assim.\n@layer overrides {\n [data-fs-brand=\"vibrant\"] .fs-btn-primary,\n [data-fs-brand=\"vibrant\"] .fs-badge-primary {\n --fs-btn-color: #{$color-black};\n --fs-badge-color: #{$color-black};\n }\n\n [data-fs-brand=\"vibrant\"] .fs-check {\n --fs-check-mark: #{$color-black};\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 --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 --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"]}