/* GENERATED by scripts/ui/Update-ThemeCss.ps1 from src/Shared/Koozco.UI/Themes/themes.json. Do not edit by hand (P15-001, docs/design/theming.md). */
/* Per theme: :root[data-koozco-theme] (light), :root[data-koozco-theme][data-theme="dark"] (dark) and the same sets under [data-preview-theme][data-preview-scheme] for the selector. */

@font-face { font-family: "DM Mono"; src: url("/_content/Koozco.UI/fonts/dm-mono/dm-mono-400-v1.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "DM Mono"; src: url("/_content/Koozco.UI/fonts/dm-mono/dm-mono-500-v1.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face { font-family: "DM Sans"; src: url("/_content/Koozco.UI/fonts/dm-sans/dm-sans-v1.woff2") format("woff2"); font-weight: 100 1000; font-style: normal; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face { font-family: "Fragment Mono"; src: url("/_content/Koozco.UI/fonts/fragment-mono/fragment-mono-400-v1.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face { font-family: "Fraunces"; src: url("/_content/Koozco.UI/fonts/fraunces/fraunces-v1.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face { font-family: "Geist Mono"; src: url("/_content/Koozco.UI/fonts/geist-mono/geist-mono-v1.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face { font-family: "Hanken Grotesk"; src: url("/_content/Koozco.UI/fonts/hanken-grotesk/hanken-grotesk-v1.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face { font-family: "IBM Plex Mono"; src: url("/_content/Koozco.UI/fonts/ibm-plex-mono/ibm-plex-mono-400-v1.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "IBM Plex Mono"; src: url("/_content/Koozco.UI/fonts/ibm-plex-mono/ibm-plex-mono-500-v1.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "IBM Plex Mono"; src: url("/_content/Koozco.UI/fonts/ibm-plex-mono/ibm-plex-mono-600-v1.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face { font-family: "IBM Plex Sans"; src: url("/_content/Koozco.UI/fonts/ibm-plex-sans/ibm-plex-sans-v1.woff2") format("woff2"); font-weight: 100 700; font-style: normal; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face { font-family: "JetBrains Mono"; src: url("/_content/Koozco.UI/fonts/jetbrains-mono/jetbrains-mono-v1.woff2") format("woff2"); font-weight: 100 800; font-style: normal; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face { font-family: "Lexend"; src: url("/_content/Koozco.UI/fonts/lexend/lexend-v1.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face { font-family: "Manrope"; src: url("/_content/Koozco.UI/fonts/manrope/manrope-v1.woff2") format("woff2"); font-weight: 200 800; font-style: normal; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face { font-family: "Martian Mono"; src: url("/_content/Koozco.UI/fonts/martian-mono/martian-mono-v1.woff2") format("woff2"); font-weight: 100 800; font-style: normal; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face { font-family: "Nunito"; src: url("/_content/Koozco.UI/fonts/nunito/nunito-v1.woff2") format("woff2"); font-weight: 200 1000; font-style: normal; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face { font-family: "Outfit"; src: url("/_content/Koozco.UI/fonts/outfit/outfit-v1.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face { font-family: "Plus Jakarta Sans"; src: url("/_content/Koozco.UI/fonts/plus-jakarta-sans/plus-jakarta-sans-v1.woff2") format("woff2"); font-weight: 200 800; font-style: normal; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face { font-family: "Sora"; src: url("/_content/Koozco.UI/fonts/sora/sora-v1.woff2") format("woff2"); font-weight: 100 800; font-style: normal; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face { font-family: "Space Grotesk"; src: url("/_content/Koozco.UI/fonts/space-grotesk/space-grotesk-v1.woff2") format("woff2"); font-weight: 300 700; font-style: normal; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face { font-family: "Space Mono"; src: url("/_content/Koozco.UI/fonts/space-mono/space-mono-400-v1.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Space Mono"; src: url("/_content/Koozco.UI/fonts/space-mono/space-mono-700-v1.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* clinico */
:root[data-koozco-theme="clinico"],
[data-preview-theme="clinico"] {
  --font-sans: "Plus Jakarta Sans", system-ui, "Segoe UI", Roboto, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;
  --font-display: "Plus Jakarta Sans", system-ui, "Segoe UI", Roboto, sans-serif;
  --base-size: 14px;
  --heading-weight: 700;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 12px;
  --radius-button: calc(var(--radius-md) - 1px);
  --radius-chip: var(--radius-sm);
  --border-width: 1px;
  --elevation-card: 0 1px 3px var(--shadow);
  --elevation-popover: 0 12px 32px var(--shadow);
  --elevation-drawer: 10px 0 50px var(--shadow);
  --elevation-tip: 0 4px 14px var(--shadow);
  --elevation-chip: 0 6px 24px var(--shadow);
  --space-page-x: 38px;
  --space-page-top: 34px;
  --space-page-bottom: 20px;
  --space-header-x: 38px;
  --header-h: 76px;
  --space-panel: 24px;
  --space-panel-gap: 22px;
  --space-section: 28px;
  --space-form: 18px;
  --space-form-grid: 16px;
  --space-nav-y: 13px;
  --space-nav-x: 14px;
  --space-cell-y: 16px;
  --control-h: 44px;
  --row-h: 48px;
  --rz-border-radius: 10px;
  --rz-body-font-family: "Plus Jakarta Sans", system-ui, "Segoe UI", Roboto, sans-serif;
  --brand: #0E7C86;
  --brand-text: #0E7A83;
  --on-brand: #FFFFFF;
  --accent: #F2B84B;
  --on-accent: #0F1B2D;
  --surface: #F4F7F9;
  --card: #FFFFFF;
  --card-alt: #F9FBFC;
  --ink: #0F1B2D;
  --muted: #58616E;
  --line: #E0E1E4;
  --line-strong: #848A93;
  --nav-bg: #0F2A3D;
  --nav-ink: #FFFFFF;
  --nav-muted: #A4AEB5;
  --nav-hover: #223B4D;
  --nav-active-bg: #1C4660;
  --nav-active-ink: #FFFFFF;
  --nav-active-bar: #5FD3DC;
  --header-bg: #FFFFFF;
  --header-ink: #0F1B2D;
  --header-line: #E0E1E4;
  --link: #0E7A83;
  --focus: #2B8C95;
  --action: #0E7C86;
  --danger: #B3261E;
  --danger-solid: #B3261E;
  --on-danger: #FFFFFF;
  --badge-success-bg: #E2F2EC;
  --badge-success-ink: #16724E;
  --badge-info-bg: #E5EEF6;
  --badge-info-ink: #2C5D8A;
  --badge-warning-bg: #FAF1E1;
  --badge-warning-ink: #8B5E11;
  --badge-danger-bg: #F5E3E2;
  --badge-danger-ink: #861D17;
  --kz-kind-1: #2060C0;
  --kz-kind-2: #C2570C;
  --kz-kind-3: #12803F;
  --kz-kind-4: #8E3FD8;
  --kz-kind-5: #D12E69;
  --kz-kind-6: #8A6A00;
  --nav-title-ink: #FFFFFF;
  --nav-icon: #A4AEB5;
  --anchor: #0E7A83;
  --rz-primary: #0E7C86;
  --rz-primary-dark: #0C6972;
  --rz-primary-light: #DDEDEE;
  --rz-on-primary: #FFFFFF;
  --rz-success: #16724E;
  --rz-info: #2C5D8A;
  --rz-warning: #8B5E11;
  --rz-danger: #B3261E;
  --rz-on-success: #FFFFFF;
  --rz-on-info: #FFFFFF;
  --rz-on-warning: #FFFFFF;
  --rz-on-danger: #FFFFFF;
  --rz-tabs-tab-selected-color: #0E7A83;
  --rz-progressbar-color: #FFFFFF;
  --rz-input-border: var(--border-width) solid #848A93;
}
:root[data-koozco-theme="clinico"][data-theme="dark"],
[data-preview-theme="clinico"][data-preview-scheme="dark"] {
  --brand: #1FA5B1;
  --brand-text: #1FA5B1;
  --on-brand: #06141A;
  --accent: #F2B84B;
  --on-accent: #0F1B2D;
  --surface: #0C1A24;
  --card: #12242F;
  --card-alt: #0F1F29;
  --ink: #E6EEF2;
  --muted: #A0AAB0;
  --line: #34444E;
  --line-strong: #7C8991;
  --nav-bg: #071520;
  --nav-ink: #FFFFFF;
  --nav-muted: #A1A6AA;
  --nav-hover: #1B2832;
  --nav-active-bg: #173A4F;
  --nav-active-ink: #FFFFFF;
  --nav-active-bar: #5FD3DC;
  --header-bg: #12242F;
  --header-ink: #E6EEF2;
  --header-line: #34444E;
  --link: #1FA5B1;
  --focus: #FBFDFD;
  --action: #1FA5B1;
  --danger: #FF9A8D;
  --danger-solid: #B3261E;
  --on-danger: #FFFFFF;
  --badge-success-bg: #15413D;
  --badge-success-ink: #84C9AE;
  --badge-info-bg: #1C3950;
  --badge-info-ink: #93B7D8;
  --badge-warning-bg: #423F2A;
  --badge-warning-ink: #EAC481;
  --badge-danger-bg: #4B4046;
  --badge-danger-ink: #FFC7C0;
  --kz-kind-1: #6AA0FF;
  --kz-kind-2: #FF9A57;
  --kz-kind-3: #4CD97B;
  --kz-kind-4: #C39BFF;
  --kz-kind-5: #FF7DAA;
  --kz-kind-6: #E0BC3A;
  --nav-title-ink: #FFFFFF;
  --nav-icon: #A1A6AA;
  --anchor: #1FA5B1;
  --rz-primary: #1FA5B1;
  --rz-primary-dark: #1A8C96;
  --rz-primary-light: #154450;
  --rz-on-primary: #06141A;
  --rz-success: #84C9AE;
  --rz-info: #93B7D8;
  --rz-warning: #EAC481;
  --rz-danger: #B3261E;
  --rz-on-success: #000000;
  --rz-on-info: #000000;
  --rz-on-warning: #000000;
  --rz-on-danger: #FFFFFF;
  --rz-tabs-tab-selected-color: #1FA5B1;
  --rz-progressbar-color: #06141A;
  --rz-input-border: var(--border-width) solid #7C8991;
}

/* montura */
:root[data-koozco-theme="montura"],
[data-preview-theme="montura"] {
  --font-sans: "Manrope", system-ui, "Segoe UI", Roboto, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;
  --font-display: "Manrope", system-ui, "Segoe UI", Roboto, sans-serif;
  --base-size: 14px;
  --heading-weight: 700;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-button: calc(var(--radius-md) - 1px);
  --radius-chip: var(--radius-sm);
  --border-width: 1px;
  --elevation-card: 0 1px 3px var(--shadow);
  --elevation-popover: 0 12px 32px var(--shadow);
  --elevation-drawer: 10px 0 50px var(--shadow);
  --elevation-tip: 0 4px 14px var(--shadow);
  --elevation-chip: 0 6px 24px var(--shadow);
  --space-page-x: 38px;
  --space-page-top: 34px;
  --space-page-bottom: 20px;
  --space-header-x: 38px;
  --header-h: 76px;
  --space-panel: 24px;
  --space-panel-gap: 22px;
  --space-section: 28px;
  --space-form: 18px;
  --space-form-grid: 16px;
  --space-nav-y: 13px;
  --space-nav-x: 14px;
  --space-cell-y: 16px;
  --control-h: 44px;
  --row-h: 48px;
  --rz-border-radius: 6px;
  --rz-body-font-family: "Manrope", system-ui, "Segoe UI", Roboto, sans-serif;
  --brand: #BB893B;
  --brand-text: #8A652C;
  --on-brand: #14110A;
  --accent: #5E8FA6;
  --on-accent: #14110A;
  --surface: #F2F3F6;
  --card: #FFFFFF;
  --card-alt: #F8F8FA;
  --ink: #12161D;
  --muted: #5A5D62;
  --line: #E0E1E2;
  --line-strong: #86888B;
  --nav-bg: #0B0E13;
  --nav-ink: #FFFFFF;
  --nav-muted: #A2A3A5;
  --nav-hover: #1F2126;
  --nav-active-bg: #1D2430;
  --nav-active-ink: #FFFFFF;
  --nav-active-bar: #F0B04C;
  --header-bg: #FFFFFF;
  --header-ink: #12161D;
  --header-line: #E0E1E2;
  --link: #8A652C;
  --focus: #966E2F;
  --action: #BB893B;
  --danger: #B3261E;
  --danger-solid: #B3261E;
  --on-danger: #FFFFFF;
  --badge-success-bg: #E2F2EC;
  --badge-success-ink: #16724E;
  --badge-info-bg: #E5EEF6;
  --badge-info-ink: #2C5D8A;
  --badge-warning-bg: #FAF1E1;
  --badge-warning-ink: #8B5E11;
  --badge-danger-bg: #F5E3E2;
  --badge-danger-ink: #861D17;
  --kz-kind-1: #2060C0;
  --kz-kind-2: #C2570C;
  --kz-kind-3: #12803F;
  --kz-kind-4: #8E3FD8;
  --kz-kind-5: #D12E69;
  --kz-kind-6: #8A6A00;
  --nav-title-ink: #FFFFFF;
  --nav-icon: #A2A3A5;
  --anchor: #8A652C;
  --rz-primary: #BB893B;
  --rz-primary-dark: #9F7432;
  --rz-primary-light: #F5EEE4;
  --rz-on-primary: #14110A;
  --rz-success: #16724E;
  --rz-info: #2C5D8A;
  --rz-warning: #8B5E11;
  --rz-danger: #B3261E;
  --rz-on-success: #FFFFFF;
  --rz-on-info: #FFFFFF;
  --rz-on-warning: #FFFFFF;
  --rz-on-danger: #FFFFFF;
  --rz-tabs-tab-selected-color: #8A652C;
  --rz-progressbar-color: #14110A;
  --rz-input-border: var(--border-width) solid #86888B;
}
:root[data-koozco-theme="montura"][data-theme="dark"],
[data-preview-theme="montura"][data-preview-scheme="dark"] {
  --brand: #F0B04C;
  --brand-text: #F0B04C;
  --on-brand: #14110A;
  --accent: #7FB3CC;
  --on-accent: #0B0E13;
  --surface: #11151C;
  --card: #1A2029;
  --card-alt: #151A22;
  --ink: #E9ECF1;
  --muted: #A4A7AD;
  --line: #3B4149;
  --line-strong: #82868D;
  --nav-bg: #0B0E13;
  --nav-ink: #FFFFFF;
  --nav-muted: #A2A3A5;
  --nav-hover: #1F2126;
  --nav-active-bg: #222A36;
  --nav-active-ink: #FFFFFF;
  --nav-active-bar: #F0B04C;
  --header-bg: #11151C;
  --header-ink: #E9ECF1;
  --header-line: #3B4149;
  --link: #F0B04C;
  --focus: #FFFDFB;
  --action: #F0B04C;
  --danger: #FF9A8D;
  --danger-solid: #B3261E;
  --on-danger: #FFFFFF;
  --badge-success-bg: #1B3E39;
  --badge-success-ink: #84C9AE;
  --badge-info-bg: #22364B;
  --badge-info-ink: #93B7D8;
  --badge-warning-bg: #483C25;
  --badge-warning-ink: #EAC481;
  --badge-danger-bg: #513D41;
  --badge-danger-ink: #FFC7C0;
  --kz-kind-1: #6AA0FF;
  --kz-kind-2: #FF9A57;
  --kz-kind-3: #4CD97B;
  --kz-kind-4: #C39BFF;
  --kz-kind-5: #FF7DAA;
  --kz-kind-6: #E0BC3A;
  --nav-title-ink: #FFFFFF;
  --nav-icon: #A2A3A5;
  --anchor: #F0B04C;
  --rz-primary: #F0B04C;
  --rz-primary-dark: #CC9641;
  --rz-primary-light: #504432;
  --rz-on-primary: #14110A;
  --rz-success: #84C9AE;
  --rz-info: #93B7D8;
  --rz-warning: #EAC481;
  --rz-danger: #B3261E;
  --rz-on-success: #000000;
  --rz-on-info: #000000;
  --rz-on-warning: #000000;
  --rz-on-danger: #FFFFFF;
  --rz-tabs-tab-selected-color: #F0B04C;
  --rz-progressbar-color: #14110A;
  --rz-input-border: var(--border-width) solid #82868D;
}

/* lente */
:root[data-koozco-theme="lente"],
[data-preview-theme="lente"] {
  --font-sans: "DM Sans", system-ui, "Segoe UI", Roboto, sans-serif;
  --font-mono: "DM Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;
  --font-display: "DM Sans", system-ui, "Segoe UI", Roboto, sans-serif;
  --base-size: 14px;
  --heading-weight: 700;
  --radius-sm: 12px;
  --radius-md: 20px;
  --radius-lg: 24px;
  --radius-button: 999px;
  --radius-chip: 999px;
  --border-width: 1px;
  --elevation-card: 0 1px 3px var(--shadow);
  --elevation-popover: 0 12px 32px var(--shadow);
  --elevation-drawer: 10px 0 50px var(--shadow);
  --elevation-tip: 0 4px 14px var(--shadow);
  --elevation-chip: 0 6px 24px var(--shadow);
  --space-page-x: 38px;
  --space-page-top: 34px;
  --space-page-bottom: 20px;
  --space-header-x: 38px;
  --header-h: 76px;
  --space-panel: 24px;
  --space-panel-gap: 22px;
  --space-section: 28px;
  --space-form: 18px;
  --space-form-grid: 16px;
  --space-nav-y: 13px;
  --space-nav-x: 14px;
  --space-cell-y: 16px;
  --control-h: 44px;
  --row-h: 48px;
  --rz-border-radius: 20px;
  --rz-body-font-family: "DM Sans", system-ui, "Segoe UI", Roboto, sans-serif;
  --brand: #3B3FD8;
  --brand-text: #3B3FD8;
  --on-brand: #FFFFFF;
  --accent: #FF7A59;
  --on-accent: #1C1B3A;
  --surface: #FAFAFE;
  --card: #FFFFFF;
  --card-alt: #FCFCFE;
  --ink: #1C1B3A;
  --muted: #636279;
  --line: #E1E1E5;
  --line-strong: #8B8A9A;
  --nav-bg: #F3F3FC;
  --nav-ink: #1C1B3A;
  --nav-muted: #6A6980;
  --nav-hover: #E2E2EC;
  --nav-active-bg: #ECECFB;
  --nav-active-ink: #2A2DB0;
  --nav-active-bar: #3B3FD8;
  --header-bg: #FFFFFF;
  --header-ink: #1C1B3A;
  --header-line: #E1E1E5;
  --link: #3B3FD8;
  --focus: #000000;
  --action: #3B3FD8;
  --danger: #B3261E;
  --danger-solid: #B3261E;
  --on-danger: #FFFFFF;
  --badge-success-bg: #E2F2EC;
  --badge-success-ink: #16724E;
  --badge-info-bg: #E5EEF6;
  --badge-info-ink: #2C5D8A;
  --badge-warning-bg: #FAF1E1;
  --badge-warning-ink: #8B5E11;
  --badge-danger-bg: #F5E3E2;
  --badge-danger-ink: #861D17;
  --kz-kind-1: #2060C0;
  --kz-kind-2: #C2570C;
  --kz-kind-3: #12803F;
  --kz-kind-4: #8E3FD8;
  --kz-kind-5: #D12E69;
  --kz-kind-6: #8A6A00;
  --nav-title-ink: #1C1B3A;
  --nav-icon: #6A6980;
  --anchor: #3B3FD8;
  --rz-primary: #3B3FD8;
  --rz-primary-dark: #3236B8;
  --rz-primary-light: #E4E4FA;
  --rz-on-primary: #FFFFFF;
  --rz-success: #16724E;
  --rz-info: #2C5D8A;
  --rz-warning: #8B5E11;
  --rz-danger: #B3261E;
  --rz-on-success: #FFFFFF;
  --rz-on-info: #FFFFFF;
  --rz-on-warning: #FFFFFF;
  --rz-on-danger: #FFFFFF;
  --rz-tabs-tab-selected-color: #3B3FD8;
  --rz-progressbar-color: #FFFFFF;
  --rz-input-border: var(--border-width) solid #8B8A9A;
}
:root[data-koozco-theme="lente"][data-theme="dark"],
[data-preview-theme="lente"][data-preview-scheme="dark"] {
  --brand: #6C70F0;
  --brand-text: #797DF1;
  --on-brand: #000000;
  --accent: #FF8F73;
  --on-accent: #1C1B3A;
  --surface: #12122A;
  --card: #1B1B3A;
  --card-alt: #161631;
  --ink: #ECECFB;
  --muted: #A6A6B8;
  --line: #3C3C59;
  --line-strong: #84849B;
  --nav-bg: #0E0E24;
  --nav-ink: #FFFFFF;
  --nav-muted: #A3A3AC;
  --nav-hover: #212136;
  --nav-active-bg: #26265A;
  --nav-active-ink: #FFFFFF;
  --nav-active-bar: #A0A3FF;
  --header-bg: #1B1B3A;
  --header-ink: #ECECFB;
  --header-line: #3C3C59;
  --link: #797DF1;
  --focus: #FCFCFF;
  --action: #6C70F0;
  --danger: #FF9A8D;
  --danger-solid: #B3261E;
  --on-danger: #FFFFFF;
  --badge-success-bg: #1C3A46;
  --badge-success-ink: #84C9AE;
  --badge-info-bg: #223258;
  --badge-info-ink: #93B7D8;
  --badge-warning-bg: #493832;
  --badge-warning-ink: #EAC481;
  --badge-danger-bg: #52394E;
  --badge-danger-ink: #FFC7C0;
  --kz-kind-1: #6AA0FF;
  --kz-kind-2: #FF9A57;
  --kz-kind-3: #4CD97B;
  --kz-kind-4: #C39BFF;
  --kz-kind-5: #FF7DAA;
  --kz-kind-6: #E0BC3A;
  --nav-title-ink: #FFFFFF;
  --nav-icon: #A3A3AC;
  --anchor: #797DF1;
  --rz-primary: #6C70F0;
  --rz-primary-dark: #5C5FCC;
  --rz-primary-light: #2F3068;
  --rz-on-primary: #000000;
  --rz-success: #84C9AE;
  --rz-info: #93B7D8;
  --rz-warning: #EAC481;
  --rz-danger: #B3261E;
  --rz-on-success: #000000;
  --rz-on-info: #000000;
  --rz-on-warning: #000000;
  --rz-on-danger: #FFFFFF;
  --rz-tabs-tab-selected-color: #797DF1;
  --rz-progressbar-color: #000000;
  --rz-input-border: var(--border-width) solid #84849B;
}

/* riel */
:root[data-koozco-theme="riel"],
[data-preview-theme="riel"] {
  --font-sans: "Outfit", system-ui, "Segoe UI", Roboto, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;
  --font-display: "Outfit", system-ui, "Segoe UI", Roboto, sans-serif;
  --base-size: 14px;
  --heading-weight: 600;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 14px;
  --radius-button: calc(var(--radius-md) - 1px);
  --radius-chip: var(--radius-sm);
  --border-width: 1px;
  --elevation-card: 0 1px 3px var(--shadow);
  --elevation-popover: 0 12px 32px var(--shadow);
  --elevation-drawer: 10px 0 50px var(--shadow);
  --elevation-tip: 0 4px 14px var(--shadow);
  --elevation-chip: 0 6px 24px var(--shadow);
  --space-page-x: 38px;
  --space-page-top: 34px;
  --space-page-bottom: 20px;
  --space-header-x: 38px;
  --header-h: 76px;
  --space-panel: 24px;
  --space-panel-gap: 22px;
  --space-section: 28px;
  --space-form: 18px;
  --space-form-grid: 16px;
  --space-nav-y: 13px;
  --space-nav-x: 14px;
  --space-cell-y: 16px;
  --control-h: 44px;
  --row-h: 48px;
  --rz-border-radius: 12px;
  --rz-body-font-family: "Outfit", system-ui, "Segoe UI", Roboto, sans-serif;
  --brand: #1F7A4D;
  --brand-text: #1F7A4D;
  --on-brand: #FFFFFF;
  --accent: #E9A23B;
  --on-accent: #10231A;
  --surface: #F6F9F7;
  --card: #FFFFFF;
  --card-alt: #FAFCFB;
  --ink: #10231A;
  --muted: #5A6761;
  --line: #E0E2E1;
  --line-strong: #848D89;
  --nav-bg: #FFFFFF;
  --nav-ink: #10231A;
  --nav-muted: #69756F;
  --nav-hover: #ECEDED;
  --nav-active-bg: #E2F3EA;
  --nav-active-ink: #14583A;
  --nav-active-bar: #1F7A4D;
  --header-bg: #FFFFFF;
  --header-ink: #10231A;
  --header-line: #E0E2E1;
  --link: #1F7A4D;
  --focus: #000000;
  --action: #1F7A4D;
  --danger: #B3261E;
  --danger-solid: #B3261E;
  --on-danger: #FFFFFF;
  --badge-success-bg: #E2F2EC;
  --badge-success-ink: #16724E;
  --badge-info-bg: #E5EEF6;
  --badge-info-ink: #2C5D8A;
  --badge-warning-bg: #FAF1E1;
  --badge-warning-ink: #8B5E11;
  --badge-danger-bg: #F5E3E2;
  --badge-danger-ink: #861D17;
  --kz-kind-1: #2060C0;
  --kz-kind-2: #C2570C;
  --kz-kind-3: #12803F;
  --kz-kind-4: #8E3FD8;
  --kz-kind-5: #D12E69;
  --kz-kind-6: #8A6A00;
  --nav-title-ink: #10231A;
  --nav-icon: #69756F;
  --anchor: #1F7A4D;
  --rz-primary: #1F7A4D;
  --rz-primary-dark: #1A6841;
  --rz-primary-light: #E0ECE6;
  --rz-on-primary: #FFFFFF;
  --rz-success: #16724E;
  --rz-info: #2C5D8A;
  --rz-warning: #8B5E11;
  --rz-danger: #B3261E;
  --rz-on-success: #FFFFFF;
  --rz-on-info: #FFFFFF;
  --rz-on-warning: #FFFFFF;
  --rz-on-danger: #FFFFFF;
  --rz-tabs-tab-selected-color: #1F7A4D;
  --rz-progressbar-color: #FFFFFF;
  --rz-input-border: var(--border-width) solid #848D89;
}
:root[data-koozco-theme="riel"][data-theme="dark"],
[data-preview-theme="riel"][data-preview-scheme="dark"] {
  --brand: #2E9A66;
  --brand-text: #309B68;
  --on-brand: #04140C;
  --accent: #F0B45A;
  --on-accent: #10231A;
  --surface: #0D1712;
  --card: #14211A;
  --card-alt: #101C16;
  --ink: #E3F1E9;
  --muted: #9FABA4;
  --line: #35423B;
  --line-strong: #7C8982;
  --nav-bg: #09110D;
  --nav-ink: #FFFFFF;
  --nav-muted: #A2A5A3;
  --nav-hover: #1D2420;
  --nav-active-bg: #1D3A2B;
  --nav-active-ink: #FFFFFF;
  --nav-active-bar: #5FD39B;
  --header-bg: #14211A;
  --header-ink: #E3F1E9;
  --header-line: #35423B;
  --link: #309B68;
  --focus: #FBFDFC;
  --action: #2E9A66;
  --danger: #FF9A8D;
  --danger-solid: #B3261E;
  --on-danger: #FFFFFF;
  --badge-success-bg: #173F2D;
  --badge-success-ink: #84C9AE;
  --badge-info-bg: #1D3740;
  --badge-info-ink: #93B7D8;
  --badge-warning-bg: #433D1A;
  --badge-warning-ink: #EAC481;
  --badge-danger-bg: #4C3E36;
  --badge-danger-ink: #FFC7C0;
  --kz-kind-1: #6AA0FF;
  --kz-kind-2: #FF9A57;
  --kz-kind-3: #4CD97B;
  --kz-kind-4: #C39BFF;
  --kz-kind-5: #FF7DAA;
  --kz-kind-6: #E0BC3A;
  --nav-title-ink: #FFFFFF;
  --nav-icon: #A2A5A3;
  --anchor: #309B68;
  --rz-primary: #2E9A66;
  --rz-primary-dark: #278357;
  --rz-primary-light: #1B3F2D;
  --rz-on-primary: #04140C;
  --rz-success: #84C9AE;
  --rz-info: #93B7D8;
  --rz-warning: #EAC481;
  --rz-danger: #B3261E;
  --rz-on-success: #000000;
  --rz-on-info: #000000;
  --rz-on-warning: #000000;
  --rz-on-danger: #FFFFFF;
  --rz-tabs-tab-selected-color: #309B68;
  --rz-progressbar-color: #04140C;
  --rz-input-border: var(--border-width) solid #7C8982;
}

/* barra */
:root[data-koozco-theme="barra"],
[data-preview-theme="barra"] {
  --font-sans: "Sora", system-ui, "Segoe UI", Roboto, sans-serif;
  --font-mono: "Fragment Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;
  --font-display: "Sora", system-ui, "Segoe UI", Roboto, sans-serif;
  --base-size: 14px;
  --heading-weight: 700;
  --radius-sm: 4px;
  --radius-md: 4px;
  --radius-lg: 4px;
  --radius-button: calc(var(--radius-md) - 1px);
  --radius-chip: var(--radius-sm);
  --border-width: 1px;
  --elevation-card: 0 1px 3px var(--shadow);
  --elevation-popover: 0 12px 32px var(--shadow);
  --elevation-drawer: 10px 0 50px var(--shadow);
  --elevation-tip: 0 4px 14px var(--shadow);
  --elevation-chip: 0 6px 24px var(--shadow);
  --space-page-x: 38px;
  --space-page-top: 34px;
  --space-page-bottom: 20px;
  --space-header-x: 38px;
  --header-h: 76px;
  --space-panel: 24px;
  --space-panel-gap: 22px;
  --space-section: 28px;
  --space-form: 18px;
  --space-form-grid: 16px;
  --space-nav-y: 13px;
  --space-nav-x: 14px;
  --space-cell-y: 16px;
  --control-h: 44px;
  --row-h: 48px;
  --rz-border-radius: 4px;
  --rz-body-font-family: "Sora", system-ui, "Segoe UI", Roboto, sans-serif;
  --brand: #D7263D;
  --brand-text: #D3253C;
  --on-brand: #FFFFFF;
  --accent: #F5B841;
  --on-accent: #13203A;
  --surface: #F5F6F9;
  --card: #FFFFFF;
  --card-alt: #FAFAFC;
  --ink: #101828;
  --muted: #595F6B;
  --line: #E0E1E3;
  --line-strong: #858991;
  --nav-bg: #13203A;
  --nav-ink: #FFFFFF;
  --nav-muted: #A5AAB4;
  --nav-hover: #26324A;
  --nav-active-bg: #22345A;
  --nav-active-ink: #FFFFFF;
  --nav-active-bar: #FF7A8A;
  --header-bg: #13203A;
  --header-ink: #FFFFFF;
  --header-line: #22345A;
  --link: #D3253C;
  --focus: #DD4458;
  --action: #D7263D;
  --danger: #B54708;
  --danger-solid: #B54708;
  --on-danger: #FFFFFF;
  --badge-success-bg: #E2F2EC;
  --badge-success-ink: #16724E;
  --badge-info-bg: #E5EEF6;
  --badge-info-ink: #2C5D8A;
  --badge-warning-bg: #FAF1E1;
  --badge-warning-ink: #8B5E11;
  --badge-danger-bg: #FBEEE1;
  --badge-danger-ink: #995412;
  --kz-kind-1: #2060C0;
  --kz-kind-2: #C2570C;
  --kz-kind-3: #12803F;
  --kz-kind-4: #8E3FD8;
  --kz-kind-5: #D12E69;
  --kz-kind-6: #8A6A00;
  --nav-title-ink: #FFFFFF;
  --nav-icon: #A5AAB4;
  --anchor: #D3253C;
  --rz-primary: #D7263D;
  --rz-primary-dark: #B72034;
  --rz-primary-light: #F9E1E4;
  --rz-on-primary: #FFFFFF;
  --rz-success: #16724E;
  --rz-info: #2C5D8A;
  --rz-warning: #8B5E11;
  --rz-danger: #B54708;
  --rz-on-success: #FFFFFF;
  --rz-on-info: #FFFFFF;
  --rz-on-warning: #FFFFFF;
  --rz-on-danger: #FFFFFF;
  --rz-tabs-tab-selected-color: #D3253C;
  --rz-progressbar-color: #FFFFFF;
  --rz-input-border: var(--border-width) solid #858991;
}
:root[data-koozco-theme="barra"][data-theme="dark"],
[data-preview-theme="barra"][data-preview-scheme="dark"] {
  --brand: #DB3047;
  --brand-text: #E35B6E;
  --on-brand: #FFFFFF;
  --accent: #F5B841;
  --on-accent: #13203A;
  --surface: #0E1424;
  --card: #151D33;
  --card-alt: #11182B;
  --ink: #E8ECF4;
  --muted: #A2A7B1;
  --line: #373E52;
  --line-strong: #7F8594;
  --nav-bg: #0A1020;
  --nav-ink: #FFFFFF;
  --nav-muted: #A2A4AA;
  --nav-hover: #1E2332;
  --nav-active-bg: #1F2D4D;
  --nav-active-ink: #FFFFFF;
  --nav-active-bar: #FF7A8A;
  --header-bg: #101A30;
  --header-ink: #E8ECF4;
  --header-line: #373E52;
  --link: #E35B6E;
  --focus: #FEFBFB;
  --action: #DB3047;
  --danger: #FFA05C;
  --danger-solid: #B54708;
  --on-danger: #FFFFFF;
  --badge-success-bg: #173C40;
  --badge-success-ink: #84C9AE;
  --badge-info-bg: #1E3453;
  --badge-info-ink: #93B7D8;
  --badge-warning-bg: #443A2D;
  --badge-warning-ink: #EAC481;
  --badge-danger-bg: #46342D;
  --badge-danger-ink: #EEB681;
  --kz-kind-1: #6AA0FF;
  --kz-kind-2: #FF9A57;
  --kz-kind-3: #4CD97B;
  --kz-kind-4: #C39BFF;
  --kz-kind-5: #FF7DAA;
  --kz-kind-6: #E0BC3A;
  --nav-title-ink: #FFFFFF;
  --nav-icon: #A2A4AA;
  --anchor: #E35B6E;
  --rz-primary: #DB3047;
  --rz-primary-dark: #BA293C;
  --rz-primary-light: #472238;
  --rz-on-primary: #FFFFFF;
  --rz-success: #84C9AE;
  --rz-info: #93B7D8;
  --rz-warning: #EAC481;
  --rz-danger: #B54708;
  --rz-on-success: #000000;
  --rz-on-info: #000000;
  --rz-on-warning: #000000;
  --rz-on-danger: #FFFFFF;
  --rz-tabs-tab-selected-color: #E35B6E;
  --rz-progressbar-color: #FFFFFF;
  --rz-input-border: var(--border-width) solid #7F8594;
}

/* mono */
:root[data-koozco-theme="mono"],
[data-preview-theme="mono"] {
  --font-sans: "Space Grotesk", system-ui, "Segoe UI", Roboto, sans-serif;
  --font-mono: "Space Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;
  --font-display: "Space Grotesk", system-ui, "Segoe UI", Roboto, sans-serif;
  --base-size: 14px;
  --heading-weight: 700;
  --radius-sm: 0px;
  --radius-md: 0px;
  --radius-lg: 0px;
  --radius-button: calc(var(--radius-md) - 1px);
  --radius-chip: var(--radius-sm);
  --border-width: 2px;
  --elevation-card: none;
  --elevation-popover: none;
  --elevation-drawer: none;
  --elevation-tip: none;
  --elevation-chip: none;
  --space-page-x: 38px;
  --space-page-top: 34px;
  --space-page-bottom: 20px;
  --space-header-x: 38px;
  --header-h: 76px;
  --space-panel: 24px;
  --space-panel-gap: 22px;
  --space-section: 28px;
  --space-form: 18px;
  --space-form-grid: 16px;
  --space-nav-y: 13px;
  --space-nav-x: 14px;
  --space-cell-y: 16px;
  --control-h: 44px;
  --row-h: 48px;
  --rz-border-radius: 0px;
  --rz-body-font-family: "Space Grotesk", system-ui, "Segoe UI", Roboto, sans-serif;
  --brand: #0A0A0A;
  --brand-text: #0A0A0A;
  --on-brand: #FFFFFF;
  --accent: #C6F432;
  --on-accent: #0A0A0A;
  --surface: #FFFFFF;
  --card: #FFFFFF;
  --card-alt: #F2F2F2;
  --ink: #0A0A0A;
  --muted: #585858;
  --line: #0A0A0A;
  --line-strong: #0A0A0A;
  --nav-bg: #FFFFFF;
  --nav-ink: #0A0A0A;
  --nav-muted: #676767;
  --nav-hover: #F2F2F2;
  --nav-active-bg: #0A0A0A;
  --nav-active-ink: #FFFFFF;
  --nav-active-bar: #C6F432;
  --header-bg: #FFFFFF;
  --header-ink: #0A0A0A;
  --header-line: #0A0A0A;
  --link: #0A0A0A;
  --focus: #0A0A0A;
  --action: #0A0A0A;
  --danger: #B3261E;
  --danger-solid: #B3261E;
  --on-danger: #FFFFFF;
  --badge-success-bg: #E2F2EC;
  --badge-success-ink: #16724E;
  --badge-info-bg: #E5EEF6;
  --badge-info-ink: #2C5D8A;
  --badge-warning-bg: #FAF1E1;
  --badge-warning-ink: #8B5E11;
  --badge-danger-bg: #F5E3E2;
  --badge-danger-ink: #861D17;
  --kz-kind-1: #2060C0;
  --kz-kind-2: #C2570C;
  --kz-kind-3: #12803F;
  --kz-kind-4: #8E3FD8;
  --kz-kind-5: #D12E69;
  --kz-kind-6: #8A6A00;
  --nav-title-ink: #0A0A0A;
  --nav-icon: #676767;
  --anchor: #0A0A0A;
  --rz-primary: #0A0A0A;
  --rz-primary-dark: #090909;
  --rz-primary-light: #DDDDDD;
  --rz-on-primary: #FFFFFF;
  --rz-success: #16724E;
  --rz-info: #2C5D8A;
  --rz-warning: #8B5E11;
  --rz-danger: #B3261E;
  --rz-on-success: #FFFFFF;
  --rz-on-info: #FFFFFF;
  --rz-on-warning: #FFFFFF;
  --rz-on-danger: #FFFFFF;
  --rz-tabs-tab-selected-color: #0A0A0A;
  --rz-progressbar-color: #FFFFFF;
  --rz-input-border: var(--border-width) solid #0A0A0A;
}
:root[data-koozco-theme="mono"][data-theme="dark"],
[data-preview-theme="mono"][data-preview-scheme="dark"] {
  --brand: #FAFAFA;
  --brand-text: #FAFAFA;
  --on-brand: #0A0A0A;
  --accent: #C6F432;
  --on-accent: #0A0A0A;
  --surface: #0A0A0A;
  --card: #141414;
  --card-alt: #1C1C1C;
  --ink: #FAFAFA;
  --muted: #ADADAD;
  --line: #FAFAFA;
  --line-strong: #FAFAFA;
  --nav-bg: #000000;
  --nav-ink: #FAFAFA;
  --nav-muted: #9B9B9B;
  --nav-hover: #1C1C1C;
  --nav-active-bg: #FAFAFA;
  --nav-active-ink: #0A0A0A;
  --nav-active-bar: #0A0A0A;
  --header-bg: #0A0A0A;
  --header-ink: #FAFAFA;
  --header-line: #FAFAFA;
  --link: #FAFAFA;
  --focus: #C6F432;
  --action: #FAFAFA;
  --danger: #FF9A8D;
  --danger-solid: #B3261E;
  --on-danger: #FFFFFF;
  --badge-success-bg: #173529;
  --badge-success-ink: #84C9AE;
  --badge-info-bg: #1D2D3B;
  --badge-info-ink: #93B7D8;
  --badge-warning-bg: #433315;
  --badge-warning-ink: #EAC481;
  --badge-danger-bg: #4C3431;
  --badge-danger-ink: #FFC7C0;
  --kz-kind-1: #6AA0FF;
  --kz-kind-2: #FF9A57;
  --kz-kind-3: #4CD97B;
  --kz-kind-4: #C39BFF;
  --kz-kind-5: #FF7DAA;
  --kz-kind-6: #E0BC3A;
  --nav-title-ink: #FAFAFA;
  --nav-icon: #9B9B9B;
  --anchor: #FAFAFA;
  --rz-primary: #FAFAFA;
  --rz-primary-dark: #D5D5D5;
  --rz-primary-light: #4E4E4E;
  --rz-on-primary: #0A0A0A;
  --rz-success: #84C9AE;
  --rz-info: #93B7D8;
  --rz-warning: #EAC481;
  --rz-danger: #B3261E;
  --rz-on-success: #000000;
  --rz-on-info: #000000;
  --rz-on-warning: #000000;
  --rz-on-danger: #FFFFFF;
  --rz-tabs-tab-selected-color: #FAFAFA;
  --rz-progressbar-color: #0A0A0A;
  --rz-input-border: var(--border-width) solid #FAFAFA;
}

/* boutique */
:root[data-koozco-theme="boutique"],
[data-preview-theme="boutique"] {
  --font-sans: "Hanken Grotesk", system-ui, "Segoe UI", Roboto, sans-serif;
  --font-mono: ui-monospace, "Cascadia Mono", Consolas, monospace;
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --base-size: 14px;
  --heading-weight: 600;
  --radius-sm: 2px;
  --radius-md: 2px;
  --radius-lg: 2px;
  --radius-button: calc(var(--radius-md) - 1px);
  --radius-chip: var(--radius-sm);
  --border-width: 1px;
  --elevation-card: 0 1px 3px var(--shadow);
  --elevation-popover: 0 12px 32px var(--shadow);
  --elevation-drawer: 10px 0 50px var(--shadow);
  --elevation-tip: 0 4px 14px var(--shadow);
  --elevation-chip: 0 6px 24px var(--shadow);
  --space-page-x: 38px;
  --space-page-top: 34px;
  --space-page-bottom: 20px;
  --space-header-x: 38px;
  --header-h: 76px;
  --space-panel: 24px;
  --space-panel-gap: 22px;
  --space-section: 28px;
  --space-form: 18px;
  --space-form-grid: 16px;
  --space-nav-y: 13px;
  --space-nav-x: 14px;
  --space-cell-y: 16px;
  --control-h: 44px;
  --row-h: 48px;
  --rz-border-radius: 2px;
  --rz-body-font-family: "Hanken Grotesk", system-ui, "Segoe UI", Roboto, sans-serif;
  --brand: #7A1F2B;
  --brand-text: #7A1F2B;
  --on-brand: #FFFFFF;
  --accent: #B8893B;
  --on-accent: #2A1B1E;
  --surface: #F3EEE6;
  --card: #FBF8F3;
  --card-alt: #F7F3EC;
  --ink: #2A1B1E;
  --muted: #6A5F5E;
  --line: #E0DBD7;
  --line-strong: #8A8281;
  --nav-bg: #EAE2D4;
  --nav-ink: #2A1B1E;
  --nav-muted: #6A5E5B;
  --nav-hover: #DBD2C5;
  --nav-active-bg: #DDD1BC;
  --nav-active-ink: #5E1220;
  --nav-active-bar: #7A1F2B;
  --header-bg: #F3EEE6;
  --header-ink: #2A1B1E;
  --header-line: #E0DBD7;
  --link: #7A1F2B;
  --focus: #000000;
  --action: #7A1F2B;
  --danger: #B93A0A;
  --danger-solid: #B93A0A;
  --on-danger: #FFFFFF;
  --badge-success-bg: #DEECE1;
  --badge-success-ink: #166F4B;
  --badge-info-bg: #E2E8EB;
  --badge-info-ink: #2C5D8A;
  --badge-warning-bg: #F7EBD7;
  --badge-warning-ink: #865B10;
  --badge-danger-bg: #F6E5D7;
  --badge-danger-ink: #984C16;
  --kz-kind-1: #2060C0;
  --kz-kind-2: #C2570C;
  --kz-kind-3: #12803F;
  --kz-kind-4: #8E3FD8;
  --kz-kind-5: #D12E69;
  --kz-kind-6: #8A6A00;
  --nav-title-ink: #2A1B1E;
  --nav-icon: #6A5E5B;
  --anchor: #7A1F2B;
  --rz-primary: #7A1F2B;
  --rz-primary-dark: #681A25;
  --rz-primary-light: #E9DAD7;
  --rz-on-primary: #FFFFFF;
  --rz-success: #166F4B;
  --rz-info: #2C5D8A;
  --rz-warning: #865B10;
  --rz-danger: #B93A0A;
  --rz-on-success: #FFFFFF;
  --rz-on-info: #FFFFFF;
  --rz-on-warning: #FFFFFF;
  --rz-on-danger: #FFFFFF;
  --rz-tabs-tab-selected-color: #7A1F2B;
  --rz-progressbar-color: #FFFFFF;
  --rz-input-border: var(--border-width) solid #8A8281;
}
:root[data-koozco-theme="boutique"][data-theme="dark"],
[data-preview-theme="boutique"][data-preview-scheme="dark"] {
  --brand: #AC4A58;
  --brand-text: #BE727D;
  --on-brand: #FFFFFF;
  --accent: #C9A05A;
  --on-accent: #2A1B1E;
  --surface: #1A1214;
  --card: #241A1D;
  --card-alt: #1F1618;
  --ink: #F2E9E4;
  --muted: #ADA4A1;
  --line: #453B3D;
  --line-strong: #8B8281;
  --nav-bg: #130C0E;
  --nav-ink: #FFFFFF;
  --nav-muted: #A5A3A3;
  --nav-hover: #261F21;
  --nav-active-bg: #3A1F26;
  --nav-active-ink: #FFFFFF;
  --nav-active-bar: #E58A9A;
  --header-bg: #1A1214;
  --header-ink: #F2E9E4;
  --header-line: #453B3D;
  --link: #BE727D;
  --focus: #FDFBFC;
  --action: #AC4A58;
  --danger: #FF9B6B;
  --danger-solid: #B93A0A;
  --on-danger: #FFFFFF;
  --badge-success-bg: #233930;
  --badge-success-ink: #84C9AE;
  --badge-info-bg: #293242;
  --badge-info-ink: #93B7D8;
  --badge-warning-bg: #4F371C;
  --badge-warning-ink: #EAC481;
  --badge-danger-bg: #4E2D1D;
  --badge-danger-ink: #E6AD83;
  --kz-kind-1: #6AA0FF;
  --kz-kind-2: #FF9A57;
  --kz-kind-3: #4CD97B;
  --kz-kind-4: #C39BFF;
  --kz-kind-5: #FF7DAA;
  --kz-kind-6: #E0BC3A;
  --nav-title-ink: #FFFFFF;
  --nav-icon: #A5A3A3;
  --anchor: #BE727D;
  --rz-primary: #AC4A58;
  --rz-primary-dark: #923F4B;
  --rz-primary-light: #46262C;
  --rz-on-primary: #FFFFFF;
  --rz-success: #84C9AE;
  --rz-info: #93B7D8;
  --rz-warning: #EAC481;
  --rz-danger: #B93A0A;
  --rz-on-success: #000000;
  --rz-on-info: #000000;
  --rz-on-warning: #000000;
  --rz-on-danger: #FFFFFF;
  --rz-tabs-tab-selected-color: #BE727D;
  --rz-progressbar-color: #FFFFFF;
  --rz-input-border: var(--border-width) solid #8B8281;
}

/* noche */
:root[data-koozco-theme="noche"],
[data-preview-theme="noche"] {
  --font-sans: "Lexend", system-ui, "Segoe UI", Roboto, sans-serif;
  --font-mono: "Martian Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;
  --font-display: "Lexend", system-ui, "Segoe UI", Roboto, sans-serif;
  --base-size: 14px;
  --heading-weight: 600;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 14px;
  --radius-button: calc(var(--radius-md) - 1px);
  --radius-chip: var(--radius-sm);
  --border-width: 1px;
  --elevation-card: 0 1px 3px var(--shadow);
  --elevation-popover: 0 12px 32px var(--shadow);
  --elevation-drawer: 10px 0 50px var(--shadow);
  --elevation-tip: 0 4px 14px var(--shadow);
  --elevation-chip: 0 6px 24px var(--shadow);
  --space-page-x: 38px;
  --space-page-top: 34px;
  --space-page-bottom: 20px;
  --space-header-x: 38px;
  --header-h: 76px;
  --space-panel: 24px;
  --space-panel-gap: 22px;
  --space-section: 28px;
  --space-form: 18px;
  --space-form-grid: 16px;
  --space-nav-y: 13px;
  --space-nav-x: 14px;
  --space-cell-y: 16px;
  --control-h: 44px;
  --row-h: 48px;
  --rz-border-radius: 12px;
  --rz-body-font-family: "Lexend", system-ui, "Segoe UI", Roboto, sans-serif;
  --brand: #2AA0AE;
  --brand-text: #1F7681;
  --on-brand: #071626;
  --accent: #F5B94E;
  --on-accent: #071626;
  --surface: #EEF3F7;
  --card: #FFFFFF;
  --card-alt: #F6F8FB;
  --ink: #0A1F33;
  --muted: #536372;
  --line: #DFE2E4;
  --line-strong: #7E8891;
  --nav-bg: #071626;
  --nav-ink: #FFFFFF;
  --nav-muted: #A1A6AD;
  --nav-hover: #1B2937;
  --nav-active-bg: #123A5C;
  --nav-active-ink: #FFFFFF;
  --nav-active-bar: #38D5E8;
  --header-bg: #FFFFFF;
  --header-ink: #0A1F33;
  --header-line: #DFE2E4;
  --link: #1F7681;
  --focus: #22838F;
  --action: #2AA0AE;
  --danger: #B3261E;
  --danger-solid: #B3261E;
  --on-danger: #FFFFFF;
  --badge-success-bg: #E2F2EC;
  --badge-success-ink: #16724E;
  --badge-info-bg: #E5EEF6;
  --badge-info-ink: #2C5D8A;
  --badge-warning-bg: #FAF1E1;
  --badge-warning-ink: #8B5E11;
  --badge-danger-bg: #F5E3E2;
  --badge-danger-ink: #861D17;
  --kz-kind-1: #2060C0;
  --kz-kind-2: #C2570C;
  --kz-kind-3: #12803F;
  --kz-kind-4: #8E3FD8;
  --kz-kind-5: #D12E69;
  --kz-kind-6: #8A6A00;
  --nav-title-ink: #FFFFFF;
  --nav-icon: #A1A6AD;
  --anchor: #1F7681;
  --rz-primary: #2AA0AE;
  --rz-primary-dark: #248894;
  --rz-primary-light: #E1F2F4;
  --rz-on-primary: #071626;
  --rz-success: #16724E;
  --rz-info: #2C5D8A;
  --rz-warning: #8B5E11;
  --rz-danger: #B3261E;
  --rz-on-success: #FFFFFF;
  --rz-on-info: #FFFFFF;
  --rz-on-warning: #FFFFFF;
  --rz-on-danger: #FFFFFF;
  --rz-tabs-tab-selected-color: #1F7681;
  --rz-progressbar-color: #071626;
  --rz-input-border: var(--border-width) solid #7E8891;
}
:root[data-koozco-theme="noche"][data-theme="dark"],
[data-preview-theme="noche"][data-preview-scheme="dark"] {
  --brand: #38D5E8;
  --brand-text: #38D5E8;
  --on-brand: #071626;
  --accent: #F5B94E;
  --on-accent: #071626;
  --surface: #0A1F33;
  --card: #0F2A44;
  --card-alt: #0C243B;
  --ink: #E6F1F8;
  --muted: #A0AEB9;
  --line: #314A61;
  --line-strong: #7B8E9E;
  --nav-bg: #071626;
  --nav-ink: #FFFFFF;
  --nav-muted: #A1A6AD;
  --nav-hover: #1B2937;
  --nav-active-bg: #123A5C;
  --nav-active-ink: #FFFFFF;
  --nav-active-bar: #38D5E8;
  --header-bg: #0A1F33;
  --header-ink: #E6F1F8;
  --header-line: #314A61;
  --link: #38D5E8;
  --focus: #FBFEFF;
  --action: #38D5E8;
  --danger: #FF9A8D;
  --danger-solid: #B3261E;
  --on-danger: #FFFFFF;
  --badge-success-bg: #13464D;
  --badge-success-ink: #84C9AE;
  --badge-info-bg: #193E60;
  --badge-info-ink: #93B7D8;
  --badge-warning-bg: #3F433A;
  --badge-warning-ink: #EAC481;
  --badge-danger-bg: #494556;
  --badge-danger-ink: #FFC7C0;
  --kz-kind-1: #6AA0FF;
  --kz-kind-2: #FF9A57;
  --kz-kind-3: #4CD97B;
  --kz-kind-4: #C39BFF;
  --kz-kind-5: #FF7DAA;
  --kz-kind-6: #E0BC3A;
  --nav-title-ink: #FFFFFF;
  --nav-icon: #A1A6AD;
  --anchor: #38D5E8;
  --rz-primary: #38D5E8;
  --rz-primary-dark: #30B5C5;
  --rz-primary-light: #19556D;
  --rz-on-primary: #071626;
  --rz-success: #84C9AE;
  --rz-info: #93B7D8;
  --rz-warning: #EAC481;
  --rz-danger: #B3261E;
  --rz-on-success: #000000;
  --rz-on-info: #000000;
  --rz-on-warning: #000000;
  --rz-on-danger: #FFFFFF;
  --rz-tabs-tab-selected-color: #38D5E8;
  --rz-progressbar-color: #071626;
  --rz-input-border: var(--border-width) solid #7B8E9E;
}

/* menta */
:root[data-koozco-theme="menta"],
[data-preview-theme="menta"] {
  --font-sans: "Nunito", system-ui, "Segoe UI", Roboto, sans-serif;
  --font-mono: ui-monospace, "Cascadia Mono", Consolas, monospace;
  --font-display: "Nunito", system-ui, "Segoe UI", Roboto, sans-serif;
  --base-size: 15px;
  --heading-weight: 700;
  --radius-sm: 14px;
  --radius-md: 22px;
  --radius-lg: 24px;
  --radius-button: calc(var(--radius-md) - 1px);
  --radius-chip: var(--radius-sm);
  --border-width: 1px;
  --elevation-card: 0 1px 3px var(--shadow);
  --elevation-popover: 0 12px 32px var(--shadow);
  --elevation-drawer: 10px 0 50px var(--shadow);
  --elevation-tip: 0 4px 14px var(--shadow);
  --elevation-chip: 0 6px 24px var(--shadow);
  --space-page-x: 40px;
  --space-page-top: 36px;
  --space-page-bottom: 24px;
  --space-header-x: 40px;
  --header-h: 84px;
  --space-panel: 28px;
  --space-panel-gap: 26px;
  --space-section: 32px;
  --space-form: 22px;
  --space-form-grid: 20px;
  --space-nav-y: 16px;
  --space-nav-x: 18px;
  --space-cell-y: 20px;
  --control-h: 48px;
  --row-h: 56px;
  --rz-border-radius: 22px;
  --rz-body-font-family: "Nunito", system-ui, "Segoe UI", Roboto, sans-serif;
  --brand: #0F6B52;
  --brand-text: #0F6B52;
  --on-brand: #FFFFFF;
  --accent: #F4A261;
  --on-accent: #17332B;
  --surface: #E6F4EE;
  --card: #FFFFFF;
  --card-alt: #F1F9F6;
  --ink: #17332B;
  --muted: #566E66;
  --line: #E1E4E3;
  --line-strong: #7C8885;
  --nav-bg: #D6EDE2;
  --nav-ink: #17332B;
  --nav-muted: #4E6960;
  --nav-hover: #C7DED3;
  --nav-active-bg: #0F6B52;
  --nav-active-ink: #FFFFFF;
  --nav-active-bar: #A4E8CB;
  --header-bg: #FFFFFF;
  --header-ink: #17332B;
  --header-line: #E1E4E3;
  --link: #0F6B52;
  --focus: #000000;
  --action: #0F6B52;
  --danger: #B3261E;
  --danger-solid: #B3261E;
  --on-danger: #FFFFFF;
  --badge-success-bg: #E2F2EC;
  --badge-success-ink: #16724E;
  --badge-info-bg: #E5EEF6;
  --badge-info-ink: #2C5D8A;
  --badge-warning-bg: #FAF1E1;
  --badge-warning-ink: #8B5E11;
  --badge-danger-bg: #F5E3E2;
  --badge-danger-ink: #861D17;
  --kz-kind-1: #2060C0;
  --kz-kind-2: #C2570C;
  --kz-kind-3: #12803F;
  --kz-kind-4: #8E3FD8;
  --kz-kind-5: #D12E69;
  --kz-kind-6: #8A6A00;
  --nav-title-ink: #17332B;
  --nav-icon: #4E6960;
  --anchor: #0F6B52;
  --rz-primary: #0F6B52;
  --rz-primary-dark: #0D5B46;
  --rz-primary-light: #DDEAE7;
  --rz-on-primary: #FFFFFF;
  --rz-success: #16724E;
  --rz-info: #2C5D8A;
  --rz-warning: #8B5E11;
  --rz-danger: #B3261E;
  --rz-on-success: #FFFFFF;
  --rz-on-info: #FFFFFF;
  --rz-on-warning: #FFFFFF;
  --rz-on-danger: #FFFFFF;
  --rz-tabs-tab-selected-color: #0F6B52;
  --rz-progressbar-color: #FFFFFF;
  --rz-input-border: var(--border-width) solid #7C8885;
}
:root[data-koozco-theme="menta"][data-theme="dark"],
[data-preview-theme="menta"][data-preview-scheme="dark"] {
  --brand: #2FAE86;
  --brand-text: #2FAE86;
  --on-brand: #04140E;
  --accent: #F4A261;
  --on-accent: #17332B;
  --surface: #0E1B17;
  --card: #15271F;
  --card-alt: #11201B;
  --ink: #DDF0E8;
  --muted: #9BACA5;
  --line: #35473F;
  --line-strong: #798C84;
  --nav-bg: #09130F;
  --nav-ink: #FFFFFF;
  --nav-muted: #A2A5A4;
  --nav-hover: #1D2622;
  --nav-active-bg: #1E4A3A;
  --nav-active-ink: #FFFFFF;
  --nav-active-bar: #7FE0BC;
  --header-bg: #15271F;
  --header-ink: #DDF0E8;
  --header-line: #35473F;
  --link: #2FAE86;
  --focus: #FBFDFD;
  --action: #2FAE86;
  --danger: #FF9A8D;
  --danger-solid: #B3261E;
  --on-danger: #FFFFFF;
  --badge-success-bg: #174331;
  --badge-success-ink: #84C9AE;
  --badge-info-bg: #1E3B44;
  --badge-info-ink: #93B7D8;
  --badge-warning-bg: #44411E;
  --badge-warning-ink: #EAC481;
  --badge-danger-bg: #4D4339;
  --badge-danger-ink: #FFC7C0;
  --kz-kind-1: #6AA0FF;
  --kz-kind-2: #FF9A57;
  --kz-kind-3: #4CD97B;
  --kz-kind-4: #C39BFF;
  --kz-kind-5: #FF7DAA;
  --kz-kind-6: #E0BC3A;
  --nav-title-ink: #FFFFFF;
  --nav-icon: #A2A5A4;
  --anchor: #2FAE86;
  --rz-primary: #2FAE86;
  --rz-primary-dark: #289472;
  --rz-primary-light: #1C4939;
  --rz-on-primary: #04140E;
  --rz-success: #84C9AE;
  --rz-info: #93B7D8;
  --rz-warning: #EAC481;
  --rz-danger: #B3261E;
  --rz-on-success: #000000;
  --rz-on-info: #000000;
  --rz-on-warning: #000000;
  --rz-on-danger: #FFFFFF;
  --rz-tabs-tab-selected-color: #2FAE86;
  --rz-progressbar-color: #04140E;
  --rz-input-border: var(--border-width) solid #798C84;
}

/* denso */
:root[data-koozco-theme="denso"],
[data-preview-theme="denso"] {
  --font-sans: "IBM Plex Sans", system-ui, "Segoe UI", Roboto, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;
  --font-display: "IBM Plex Sans", system-ui, "Segoe UI", Roboto, sans-serif;
  --base-size: 13px;
  --heading-weight: 600;
  --radius-sm: 3px;
  --radius-md: 3px;
  --radius-lg: 3px;
  --radius-button: calc(var(--radius-md) - 1px);
  --radius-chip: var(--radius-sm);
  --border-width: 1px;
  --elevation-card: 0 1px 3px var(--shadow);
  --elevation-popover: 0 12px 32px var(--shadow);
  --elevation-drawer: 10px 0 50px var(--shadow);
  --elevation-tip: 0 4px 14px var(--shadow);
  --elevation-chip: 0 6px 24px var(--shadow);
  --space-page-x: 28px;
  --space-page-top: 22px;
  --space-page-bottom: 12px;
  --space-header-x: 20px;
  --header-h: 56px;
  --space-panel: 16px;
  --space-panel-gap: 16px;
  --space-section: 16px;
  --space-form: 14px;
  --space-form-grid: 12px;
  --space-nav-y: 7px;
  --space-nav-x: 10px;
  --space-cell-y: 9px;
  --control-h: 32px;
  --row-h: 36px;
  --rz-border-radius: 3px;
  --rz-body-font-family: "IBM Plex Sans", system-ui, "Segoe UI", Roboto, sans-serif;
  --brand: #1F5FBF;
  --brand-text: #1F5FBF;
  --on-brand: #FFFFFF;
  --accent: #F5C542;
  --on-accent: #1A1A1A;
  --surface: #ECEEF2;
  --card: #FFFFFF;
  --card-alt: #F5F6F8;
  --ink: #151A23;
  --muted: #5A5E65;
  --line: #E1E1E2;
  --line-strong: #808387;
  --nav-bg: #1B222E;
  --nav-ink: #FFFFFF;
  --nav-muted: #A8ABB0;
  --nav-hover: #2D343F;
  --nav-active-bg: #2F3B50;
  --nav-active-ink: #FFFFFF;
  --nav-active-bar: #7FB0FF;
  --header-bg: #FFFFFF;
  --header-ink: #151A23;
  --header-line: #E1E1E2;
  --link: #1F5FBF;
  --focus: #4379C9;
  --action: #1F5FBF;
  --danger: #B3261E;
  --danger-solid: #B3261E;
  --on-danger: #FFFFFF;
  --badge-success-bg: #E2F2EC;
  --badge-success-ink: #16724E;
  --badge-info-bg: #E5EEF6;
  --badge-info-ink: #2C5D8A;
  --badge-warning-bg: #FAF1E1;
  --badge-warning-ink: #8B5E11;
  --badge-danger-bg: #F5E3E2;
  --badge-danger-ink: #861D17;
  --kz-kind-1: #2060C0;
  --kz-kind-2: #C2570C;
  --kz-kind-3: #12803F;
  --kz-kind-4: #8E3FD8;
  --kz-kind-5: #D12E69;
  --kz-kind-6: #8A6A00;
  --nav-title-ink: #FFFFFF;
  --nav-icon: #A8ABB0;
  --anchor: #1F5FBF;
  --rz-primary: #1F5FBF;
  --rz-primary-dark: #1A51A2;
  --rz-primary-light: #E0E9F6;
  --rz-on-primary: #FFFFFF;
  --rz-success: #16724E;
  --rz-info: #2C5D8A;
  --rz-warning: #8B5E11;
  --rz-danger: #B3261E;
  --rz-on-success: #FFFFFF;
  --rz-on-info: #FFFFFF;
  --rz-on-warning: #FFFFFF;
  --rz-on-danger: #FFFFFF;
  --rz-tabs-tab-selected-color: #1F5FBF;
  --rz-progressbar-color: #FFFFFF;
  --rz-input-border: var(--border-width) solid #808387;
}
@media (pointer: coarse) {
  :root[data-koozco-theme="denso"],
  [data-preview-theme="denso"] {
    --control-h: 44px;
  }
}
:root[data-koozco-theme="denso"][data-theme="dark"],
[data-preview-theme="denso"][data-preview-scheme="dark"] {
  --brand: #2F6FD0;
  --brand-text: #5287D8;
  --on-brand: #FFFFFF;
  --accent: #F5C542;
  --on-accent: #1A1A1A;
  --surface: #0F131A;
  --card: #161C26;
  --card-alt: #12171F;
  --ink: #E4E8EF;
  --muted: #A0A4AB;
  --line: #373D46;
  --line-strong: #7D828B;
  --nav-bg: #0A0D12;
  --nav-ink: #FFFFFF;
  --nav-muted: #A2A3A5;
  --nav-hover: #1E2025;
  --nav-active-bg: #22304A;
  --nav-active-ink: #FFFFFF;
  --nav-active-bar: #8FB4FF;
  --header-bg: #161C26;
  --header-ink: #E4E8EF;
  --header-line: #373D46;
  --link: #5287D8;
  --focus: #FBFCFE;
  --action: #2F6FD0;
  --danger: #FF9A8D;
  --danger-solid: #B3261E;
  --on-danger: #FFFFFF;
  --badge-success-bg: #183B37;
  --badge-success-ink: #84C9AE;
  --badge-info-bg: #1F3349;
  --badge-info-ink: #93B7D8;
  --badge-warning-bg: #453923;
  --badge-warning-ink: #EAC481;
  --badge-danger-bg: #4E3A3F;
  --badge-danger-ink: #FFC7C0;
  --kz-kind-1: #6AA0FF;
  --kz-kind-2: #FF9A57;
  --kz-kind-3: #4CD97B;
  --kz-kind-4: #C39BFF;
  --kz-kind-5: #FF7DAA;
  --kz-kind-6: #E0BC3A;
  --nav-title-ink: #FFFFFF;
  --nav-icon: #A2A3A5;
  --anchor: #5287D8;
  --rz-primary: #2F6FD0;
  --rz-primary-dark: #285EB1;
  --rz-primary-light: #1C3151;
  --rz-on-primary: #FFFFFF;
  --rz-success: #84C9AE;
  --rz-info: #93B7D8;
  --rz-warning: #EAC481;
  --rz-danger: #B3261E;
  --rz-on-success: #000000;
  --rz-on-info: #000000;
  --rz-on-warning: #000000;
  --rz-on-danger: #FFFFFF;
  --rz-tabs-tab-selected-color: #5287D8;
  --rz-progressbar-color: #FFFFFF;
  --rz-input-border: var(--border-width) solid #7D828B;
}

/* koozco (preview scope only: the app's own look has no token block) */
[data-preview-theme="koozco"] {
  --font-sans: Inter, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Consolas, monospace;
  --font-display: Inter, "Segoe UI", sans-serif;
  --base-size: 14px;
  --heading-weight: 650;
  --radius-sm: 5px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-button: calc(var(--radius-md) - 1px);
  --radius-chip: var(--radius-sm);
  --border-width: 1px;
  --elevation-card: none;
  --control-h: 44px;
  --brand: #217769;
  --brand-text: #217769;
  --on-brand: #FFFFFF;
  --accent: #217769;
  --on-accent: #FFFFFF;
  --surface: #F6F7F3;
  --card: #FFFFFF;
  --card-alt: #FAFBF8;
  --ink: #203C37;
  --muted: #5D6B65;
  --line: #E7EBE6;
  --line-strong: #E7EBE6;
  --nav-bg: #FFFFFF;
  --nav-ink: #4D5A54;
  --nav-muted: #5D6B65;
  --nav-hover: #F4F7F3;
  --nav-active-bg: #E8F3EE;
  --nav-active-ink: #165A4E;
  --nav-active-bar: #217769;
  --header-bg: #FFFFFF;
  --header-ink: #203C37;
  --header-line: #E7EBE6;
  --link: #1A6A5D;
  --focus: #0B5CAD;
  --action: #0B5CAD;
  --danger: #A3321F;
  --danger-solid: #B3261E;
  --on-danger: #FFFFFF;
  --badge-success-bg: #E6F3ED;
  --badge-success-ink: #1F634F;
  --badge-info-bg: #EAF1F7;
  --badge-info-ink: #3C6580;
  --badge-warning-bg: #FBF1DE;
  --badge-warning-ink: #7D5A16;
  --badge-danger-bg: #FBEAE8;
  --badge-danger-ink: #9F2A1F;
  --kz-kind-1: #2060C0;
  --kz-kind-2: #C2570C;
  --kz-kind-3: #12803F;
  --kz-kind-4: #8E3FD8;
  --kz-kind-5: #D12E69;
  --kz-kind-6: #8A6A00;
  --nav-title-ink: #4D5A54;
  --nav-icon: #5D6B65;
  --anchor: #1A6A5D;
  --rz-primary: #217769;
  --rz-primary-dark: #1C6559;
  --rz-primary-light: #E0ECEA;
  --rz-on-primary: #FFFFFF;
  --rz-success: #1F634F;
  --rz-info: #3C6580;
  --rz-warning: #7D5A16;
  --rz-danger: #B3261E;
  --rz-on-success: #FFFFFF;
  --rz-on-info: #FFFFFF;
  --rz-on-warning: #FFFFFF;
  --rz-on-danger: #FFFFFF;
  --rz-tabs-tab-selected-color: #217769;
  --rz-progressbar-color: #FFFFFF;
  --rz-input-border: var(--border-width) solid #E7EBE6;
}
[data-preview-theme="koozco"][data-preview-scheme="dark"] {
  --brand: #217769;
  --brand-text: #85B4AD;
  --on-brand: #FFFFFF;
  --accent: #217769;
  --on-accent: #FFFFFF;
  --surface: #0F1613;
  --card: #17211E;
  --card-alt: #1C2824;
  --ink: #E4EDE9;
  --muted: #A7B5AE;
  --line: #2E3D38;
  --line-strong: #2E3D38;
  --nav-bg: #17211E;
  --nav-ink: #BCCAC3;
  --nav-muted: #A7B5AE;
  --nav-hover: #1E2B27;
  --nav-active-bg: #1F3B34;
  --nav-active-ink: #85B4AD;
  --nav-active-bar: #85B4AD;
  --header-bg: #17211E;
  --header-ink: #E4EDE9;
  --header-line: #2E3D38;
  --link: #85B4AD;
  --focus: #8EC1FF;
  --action: #1F6BC2;
  --danger: #FF9F8F;
  --danger-solid: #B3261E;
  --on-danger: #FFFFFF;
  --badge-success-bg: #1C3A30;
  --badge-success-ink: #8FD9BD;
  --badge-info-bg: #1D3140;
  --badge-info-ink: #9CC7E6;
  --badge-warning-bg: #3D3217;
  --badge-warning-ink: #F0C978;
  --badge-danger-bg: #402120;
  --badge-danger-ink: #FFAAA0;
  --kz-kind-1: #6AA0FF;
  --kz-kind-2: #FF9A57;
  --kz-kind-3: #4CD97B;
  --kz-kind-4: #C39BFF;
  --kz-kind-5: #FF7DAA;
  --kz-kind-6: #E0BC3A;
  --nav-title-ink: #BCCAC3;
  --nav-icon: #A7B5AE;
  --anchor: #85B4AD;
  --rz-primary: #217769;
  --rz-primary-dark: #1C6559;
  --rz-primary-light: #1A3731;
  --rz-on-primary: #FFFFFF;
  --rz-success: #8FD9BD;
  --rz-info: #9CC7E6;
  --rz-warning: #F0C978;
  --rz-danger: #B3261E;
  --rz-on-success: #000000;
  --rz-on-info: #000000;
  --rz-on-warning: #000000;
  --rz-on-danger: #FFFFFF;
  --rz-tabs-tab-selected-color: #85B4AD;
  --rz-progressbar-color: #FFFFFF;
  --rz-input-border: var(--border-width) solid #2E3D38;
}