/* Unbranded design system: tokens.css
 * Version 1.0.0. Contract: SKILL.md. Reference: https://unbranded.seantippen.com/
 * Every rule sits in an ub.* cascade layer, so any unlayered CSS on a consumer page beats the system.
 * Colors between the generated markers come from source/colors.mjs and are validated there; never edit them by hand.
 */
@layer ub.reset, ub.tokens, ub.base, ub.layout, ub.components, ub.utilities, ub.compat;

/* @generated fonts start */
@font-face { font-family: "Schibsted Grotesk"; font-style: normal; font-weight: 400 900; font-display: swap;
  src: url("./fonts/schibsted-grotesk-latin-wght-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Schibsted Grotesk"; font-style: normal; font-weight: 400 900; font-display: swap;
  src: url("./fonts/schibsted-grotesk-latin-ext-wght-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Schibsted Grotesk Fallback"; src: local("Arial");
  size-adjust: 104.49%; ascent-override: 93.46%; descent-override: 24.67%; line-gap-override: 0%; }
@font-face { font-family: "Public Sans"; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url("./fonts/public-sans-latin-wght-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Public Sans"; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url("./fonts/public-sans-latin-ext-wght-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Public Sans"; font-style: italic; font-weight: 100 900; font-display: swap;
  src: url("./fonts/public-sans-latin-wght-italic.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Public Sans"; font-style: italic; font-weight: 100 900; font-display: swap;
  src: url("./fonts/public-sans-latin-ext-wght-italic.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Public Sans Fallback"; src: local("Arial");
  size-adjust: 102.18%; ascent-override: 92.98%; descent-override: 22.02%; line-gap-override: 0%; }
@font-face { font-family: "Atkinson Hyperlegible Mono"; font-style: normal; font-weight: 200 800; font-display: swap;
  src: url("./fonts/atkinson-hyperlegible-mono-latin-wght-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Atkinson Hyperlegible Mono"; font-style: normal; font-weight: 200 800; font-display: swap;
  src: url("./fonts/atkinson-hyperlegible-mono-latin-ext-wght-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Atkinson Hyperlegible Mono Fallback"; src: local("Courier New");
  size-adjust: 105.32%; ascent-override: 93.43%; descent-override: 30.00%; line-gap-override: 0%; }
@font-face { font-family: "Funnel Display"; font-style: normal; font-weight: 300 800; font-display: swap;
  src: url("./fonts/funnel-display-latin-wght-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Funnel Display"; font-style: normal; font-weight: 300 800; font-display: swap;
  src: url("./fonts/funnel-display-latin-ext-wght-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Funnel Display Fallback"; src: local("Arial");
  size-adjust: 105.62%; ascent-override: 94.68%; descent-override: 23.67%; line-gap-override: 0%; }
@font-face { font-family: "Literata"; font-style: normal; font-weight: 200 900; font-display: swap;
  src: url("./fonts/literata-latin-opsz-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Literata"; font-style: normal; font-weight: 200 900; font-display: swap;
  src: url("./fonts/literata-latin-ext-opsz-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Literata"; font-style: italic; font-weight: 200 900; font-display: swap;
  src: url("./fonts/literata-latin-opsz-italic.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Literata"; font-style: italic; font-weight: 200 900; font-display: swap;
  src: url("./fonts/literata-latin-ext-opsz-italic.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Literata Fallback"; src: local("Times New Roman");
  size-adjust: 118.40%; ascent-override: 99.41%; descent-override: 26.01%; line-gap-override: 0%; }
@font-face { font-family: "Source Serif 4"; font-style: normal; font-weight: 200 900; font-display: swap;
  src: url("./fonts/source-serif-4-latin-opsz-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Source Serif 4"; font-style: normal; font-weight: 200 900; font-display: swap;
  src: url("./fonts/source-serif-4-latin-ext-opsz-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Source Serif 4 Fallback"; src: local("Times New Roman");
  size-adjust: 110.77%; ascent-override: 93.53%; descent-override: 30.24%; line-gap-override: 0%; }
/* @generated fonts end */

@layer ub.tokens {
  /* ---------- scheme ---------- */
  :root { color-scheme: light; }
  [data-scheme="light"] { color-scheme: light; }
  [data-scheme="dark"]  { color-scheme: dark; }
  [data-scheme="auto"]  { color-scheme: light dark; }

  /* ---------- constants (same in every preset) ---------- */
  :where(:root) {
    /* space: n x 0.25rem */
    --ub-space-1: 0.25rem;  --ub-space-2: 0.5rem;   --ub-space-3: 0.75rem;  --ub-space-4: 1rem;
    --ub-space-5: 1.25rem;  --ub-space-6: 1.5rem;   --ub-space-8: 2rem;     --ub-space-10: 2.5rem;
    --ub-space-12: 3rem;    --ub-space-16: 4rem;    --ub-space-20: 5rem;    --ub-space-24: 6rem;
    --ub-gutter: clamp(1rem, 0.5714rem + 2.1429vw, 2.5rem);
    --ub-gap: clamp(1rem, 0.7857rem + 1.0714vw, 1.75rem);

    /* type scale: UI sizes fixed, content sizes fluid (320 to 1440 px) */
    --ub-text-xs: 0.75rem;
    --ub-text-sm: 0.875rem;
    --ub-text-base: clamp(1rem, 0.9643rem + 0.1786vw, 1.125rem);
    --ub-text-lg: clamp(1.2rem, 1.1411rem + 0.2946vw, 1.4062rem);
    --ub-text-xl: clamp(1.44rem, 1.3492rem + 0.454vw, 1.7578rem);
    --ub-text-2xl: clamp(1.728rem, 1.5939rem + 0.6704vw, 2.1973rem);
    --ub-text-3xl: clamp(2.0736rem, 1.8813rem + 0.9614vw, 2.7466rem);
    --ub-text-4xl: clamp(2.4883rem, 2.2183rem + 1.3499vw, 3.4332rem);
    --ub-text-5xl: clamp(2.986rem, 2.613rem + 1.8651vw, 4.2915rem);
    --ub-leading-body: 1.6;  --ub-leading-ui: 1.5;  --ub-leading-control: 1.25;
    --ub-leading-h1: 1.2;    --ub-leading-h2: 1.25; --ub-leading-h3: 1.3;  --ub-leading-h4: 1.35;
    --ub-leading-display: 1.1;
    --ub-tracking-display: -0.025em; --ub-tracking-h2: -0.015em; --ub-tracking-h3: -0.01em; --ub-tracking-small: 0.01em;
    --ub-weight-body: 400; --ub-weight-medium: 500; --ub-weight-strong: 600;
    --ub-heading-before: 1.5em; --ub-heading-after: 0.5em;

    /* sizes */
    --ub-icon-sm: 16px; --ub-icon-md: 20px; --ub-icon-lg: 24px;
    --ub-measure-ui: 48ch; --ub-measure-heading: 28ch;
    --ub-page-narrow: 40rem; --ub-page-default: 72rem; --ub-page-wide: 96rem;

    /* shape, motion, layering, focus */
    --ub-radius-full: 9999px;
    --ub-dur-fast: 100ms; --ub-dur-slow: 240ms;
    --ub-ease-out: cubic-bezier(0.2, 0, 0, 1);
    --ub-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --ub-z-sticky: 10; --ub-z-overlay: 100; --ub-z-toast: 200;
    --ub-focus-width: 2px; --ub-focus-offset: 2px;

  }

  /* ---------- presets: fonts, shape, density default, motion ---------- */
  :where(:root), [data-preset="standard"] {
    --ub-font-display: "Schibsted Grotesk", "Schibsted Grotesk Fallback", Arial, sans-serif;
    --ub-font-body: "Public Sans", "Public Sans Fallback", Arial, sans-serif;
    --ub-font-ui: "Public Sans", "Public Sans Fallback", Arial, sans-serif;
    --ub-font-mono: "Atkinson Hyperlegible Mono", "Atkinson Hyperlegible Mono Fallback", "Courier New", monospace;
    --ub-weight-heading: 700;
    --ub-radius-control: 4px; --ub-radius-surface: 6px; --ub-radius-overlay: 8px;
    --ub-shadow-overlay: 0 8px 24px light-dark(oklch(0.25 0.01 235 / 0.10), oklch(0 0 0 / 0.45));
    --ub-dur-base: 160ms;
    --ub-measure: 66ch;
    --ub-icon-stroke: 1.75;
    /* default density: regular */
    --ub-control-sm: 2rem; --ub-control-md: 2.5rem; --ub-control-lg: 3rem; --ub-control-xs: 1.5rem;
    --ub-text-body: var(--ub-text-base); --ub-text-ui: 1rem;
    --ub-block: clamp(1.5rem, 1.0714rem + 2.1429vw, 3rem);
    --ub-section: clamp(3rem, 1.8571rem + 5.7143vw, 7rem);
    --ub-h1: var(--ub-text-3xl); --ub-h2: var(--ub-text-2xl); --ub-h3: var(--ub-text-xl); --ub-h4: var(--ub-text-lg);
  }
  [data-preset="tool"] {
    --ub-font-display: "Funnel Display", "Funnel Display Fallback", Arial, sans-serif;
    --ub-font-body: "Public Sans", "Public Sans Fallback", Arial, sans-serif;
    --ub-font-ui: "Public Sans", "Public Sans Fallback", Arial, sans-serif;
    --ub-font-mono: "Atkinson Hyperlegible Mono", "Atkinson Hyperlegible Mono Fallback", "Courier New", monospace;
    --ub-weight-heading: 600;
    --ub-radius-control: 3px; --ub-radius-surface: 4px; --ub-radius-overlay: 6px;
    --ub-shadow-overlay: none;
    --ub-dur-base: 100ms;
    --ub-measure: 70ch;
    --ub-icon-stroke: 1.75;
    /* default density: compact */
    --ub-control-sm: 1.75rem; --ub-control-md: 2rem; --ub-control-lg: 2.5rem; --ub-control-xs: 1.5rem;
    --ub-text-body: var(--ub-text-sm); --ub-text-ui: 0.875rem;
    --ub-block: clamp(0.75rem, 0.5357rem + 1.0714vw, 1.5rem);
    --ub-section: clamp(1.5rem, 0.9286rem + 2.8571vw, 3.5rem);
    --ub-h1: var(--ub-text-2xl); --ub-h2: var(--ub-text-xl); --ub-h3: var(--ub-text-lg); --ub-h4: var(--ub-text-base);
  }
  [data-preset="reading"] {
    --ub-font-display: "Literata", "Literata Fallback", "Times New Roman", serif;
    --ub-font-body: "Literata", "Literata Fallback", "Times New Roman", serif;
    --ub-font-ui: "Public Sans", "Public Sans Fallback", Arial, sans-serif;
    --ub-font-mono: "Atkinson Hyperlegible Mono", "Atkinson Hyperlegible Mono Fallback", "Courier New", monospace;
    --ub-weight-heading: 650;
    --ub-radius-control: 4px; --ub-radius-surface: 4px; --ub-radius-overlay: 8px;
    --ub-shadow-overlay: 0 8px 24px light-dark(oklch(0.25 0.01 160 / 0.08), oklch(0 0 0 / 0.45));
    --ub-dur-base: 200ms;
    --ub-measure: 62ch;
    --ub-icon-stroke: 1.5;
    /* default density: comfortable */
    --ub-control-sm: 2rem; --ub-control-md: 2.5rem; --ub-control-lg: 3rem; --ub-control-xs: 1.5rem;
    --ub-text-body: var(--ub-text-lg); --ub-text-ui: 1rem;
    --ub-block: clamp(1.5rem, 1.0714rem + 2.1429vw, 3rem);
    --ub-section: clamp(3rem, 1.8571rem + 5.7143vw, 7rem);
    --ub-h1: var(--ub-text-3xl); --ub-h2: var(--ub-text-2xl); --ub-h3: var(--ub-text-xl); --ub-h4: var(--ub-text-lg);
  }
  [data-preset="report"] {
    --ub-font-display: "Source Serif 4", "Source Serif 4 Fallback", "Times New Roman", serif;
    --ub-font-body: "Public Sans", "Public Sans Fallback", Arial, sans-serif;
    --ub-font-ui: "Public Sans", "Public Sans Fallback", Arial, sans-serif;
    --ub-font-mono: "Atkinson Hyperlegible Mono", "Atkinson Hyperlegible Mono Fallback", "Courier New", monospace;
    --ub-weight-heading: 600;
    --ub-radius-control: 2px; --ub-radius-surface: 2px; --ub-radius-overlay: 4px;
    --ub-shadow-overlay: none;
    --ub-dur-base: 80ms;
    --ub-measure: 72ch;
    --ub-icon-stroke: 1.5;
    /* default density: regular */
    --ub-control-sm: 2rem; --ub-control-md: 2.5rem; --ub-control-lg: 3rem; --ub-control-xs: 1.5rem;
    --ub-text-body: var(--ub-text-base); --ub-text-ui: 1rem;
    --ub-block: clamp(1.5rem, 1.0714rem + 2.1429vw, 3rem);
    --ub-section: clamp(3rem, 1.8571rem + 5.7143vw, 7rem);
    --ub-h1: var(--ub-text-3xl); --ub-h2: var(--ub-text-2xl); --ub-h3: var(--ub-text-xl); --ub-h4: var(--ub-text-lg);
  }

  /* ---------- explicit density (after presets so it wins at equal specificity) ---------- */
  [data-density="compact"] {
    --ub-control-sm: 1.75rem; --ub-control-md: 2rem; --ub-control-lg: 2.5rem;
    --ub-text-body: var(--ub-text-sm); --ub-text-ui: 0.875rem;
    --ub-block: clamp(0.75rem, 0.5357rem + 1.0714vw, 1.5rem);
    --ub-section: clamp(1.5rem, 0.9286rem + 2.8571vw, 3.5rem);
    --ub-h1: var(--ub-text-2xl); --ub-h2: var(--ub-text-xl); --ub-h3: var(--ub-text-lg); --ub-h4: var(--ub-text-base);
  }
  [data-density="regular"] {
    --ub-control-sm: 2rem; --ub-control-md: 2.5rem; --ub-control-lg: 3rem;
    --ub-text-body: var(--ub-text-base); --ub-text-ui: 1rem;
    --ub-block: clamp(1.5rem, 1.0714rem + 2.1429vw, 3rem);
    --ub-section: clamp(3rem, 1.8571rem + 5.7143vw, 7rem);
    --ub-h1: var(--ub-text-3xl); --ub-h2: var(--ub-text-2xl); --ub-h3: var(--ub-text-xl); --ub-h4: var(--ub-text-lg);
  }
  [data-density="comfortable"] {
    --ub-control-sm: 2rem; --ub-control-md: 2.5rem; --ub-control-lg: 3rem;
    --ub-text-body: var(--ub-text-lg); --ub-text-ui: 1rem;
    --ub-block: clamp(1.5rem, 1.0714rem + 2.1429vw, 3rem);
    --ub-section: clamp(3rem, 1.8571rem + 5.7143vw, 7rem);
    --ub-h1: var(--ub-text-3xl); --ub-h2: var(--ub-text-2xl); --ub-h3: var(--ub-text-xl); --ub-h4: var(--ub-text-lg);
  }
  @media (pointer: coarse) {
    :root, [data-preset], [data-density] { --ub-control-sm: 2.75rem; --ub-control-md: 2.75rem; --ub-control-lg: 3.25rem; }
  }

  /* ---------- colors (generated) ---------- */
  /* @generated colors start */
  /* @generated by source/colors.mjs. Do not edit by hand. */
  /* Status colors: fixed in every preset */
  :where(:root) {
    --ub-success: oklch(0.76 0.16 150);
    --ub-success-subtle: light-dark(oklch(0.957 0.025 150), oklch(0.263 0.049 150));
    --ub-success-border: light-dark(oklch(0.805 0.091 150), oklch(0.46 0.099 150));
    --ub-success-text: light-dark(oklch(0.476 0.131 150), oklch(0.826 0.137 150));
    --ub-on-success: oklch(0.16 0.02 150);
    --ub-warning: oklch(0.82 0.14 85);
    --ub-warning-subtle: light-dark(oklch(0.957 0.022 85), oklch(0.263 0.043 85));
    --ub-warning-border: light-dark(oklch(0.805 0.079 85), oklch(0.46 0.086 85));
    --ub-warning-text: light-dark(oklch(0.492 0.1 85), oklch(0.844 0.12 85));
    --ub-on-warning: oklch(0.16 0.02 85);
    --ub-danger: light-dark(oklch(0.5 0.19 25), oklch(0.52 0.19 25));
    --ub-danger-subtle: light-dark(oklch(0.957 0.021 25), oklch(0.263 0.058 25));
    --ub-danger-border: light-dark(oklch(0.805 0.108 25), oklch(0.46 0.117 25));
    --ub-danger-text: light-dark(oklch(0.5 0.174 25), oklch(0.85 0.081 25));
    --ub-on-danger: oklch(0.985 0.004 25);
    --ub-info: light-dark(oklch(0.52 0.12 245), oklch(0.54 0.12 245));
    --ub-info-subtle: light-dark(oklch(0.957 0.019 245), oklch(0.263 0.037 245));
    --ub-info-border: light-dark(oklch(0.805 0.068 245), oklch(0.46 0.074 245));
    --ub-info-text: light-dark(oklch(0.49 0.11 245), oklch(0.84 0.085 245));
    --ub-on-info: oklch(0.985 0.004 245);
  }

  /* Preset: standard */
  :where(:root), [data-preset="standard"] {
    --ub-neutral-1: light-dark(oklch(0.993 0.003 235), oklch(0.188 0.003 235));
    --ub-neutral-2: light-dark(oklch(0.982 0.004 235), oklch(0.211 0.004 235));
    --ub-neutral-3: light-dark(oklch(0.957 0.006 235), oklch(0.263 0.006 235));
    --ub-neutral-4: light-dark(oklch(0.929 0.007 235), oklch(0.305 0.007 235));
    --ub-neutral-5: light-dark(oklch(0.897 0.008 235), oklch(0.349 0.008 235));
    --ub-neutral-6: light-dark(oklch(0.858 0.009 235), oklch(0.398 0.009 235));
    --ub-neutral-7: light-dark(oklch(0.805 0.01 235), oklch(0.46 0.01 235));
    --ub-neutral-8: light-dark(oklch(0.735 0.012 235), oklch(0.539 0.012 235));
    --ub-neutral-9: light-dark(oklch(0.645 0.012 235), oklch(0.537 0.012 235));
    --ub-neutral-10: light-dark(oklch(0.6 0.011 235), oklch(0.58 0.011 235));
    --ub-neutral-11: light-dark(oklch(0.49 0.01 235), oklch(0.84 0.01 235));
    --ub-neutral-12: light-dark(oklch(0.29 0.008 235), oklch(0.939 0.008 235));
    --ub-bg: light-dark(oklch(0.975 0.002 235), oklch(0.188 0.003 235));
    --ub-surface: light-dark(oklch(0.995 0.002 235), oklch(0.225 0.003 235));
    --ub-surface-raised: light-dark(oklch(1 0 0), oklch(0.262 0.003 235));
    --ub-surface-overlay: light-dark(oklch(1 0 0), oklch(0.3 0.003 235));
    --ub-surface-sunken: light-dark(oklch(0.955 0.002 235), oklch(0.16 0.003 235));
    --ub-fg: light-dark(oklch(0.29 0.008 235), oklch(0.939 0.008 235));
    --ub-fg-muted: light-dark(oklch(0.49 0.01 235), oklch(0.84 0.01 235));
    --ub-fg-faint: light-dark(oklch(0.558 0.01 235), oklch(0.768 0.01 235));
    --ub-border: light-dark(oklch(0.9 0.006 235), oklch(0.34 0.006 235));
    --ub-border-strong: light-dark(oklch(0.735 0.012 235), oklch(0.539 0.012 235));
    --ub-border-control: light-dark(oklch(0.645 0.012 235), oklch(0.58 0.012 235));
    --ub-chart-grid: light-dark(oklch(0.929 0.007 235), oklch(0.305 0.007 235));
    --ub-accent-1: light-dark(oklch(0.993 0.004 58), oklch(0.188 0.015 58));
    --ub-accent-2: light-dark(oklch(0.982 0.009 58), oklch(0.211 0.02 58));
    --ub-accent-3: light-dark(oklch(0.957 0.024 58), oklch(0.263 0.048 58));
    --ub-accent-4: light-dark(oklch(0.929 0.041 58), oklch(0.305 0.069 58));
    --ub-accent-5: light-dark(oklch(0.897 0.055 58), oklch(0.349 0.079 58));
    --ub-accent-6: light-dark(oklch(0.858 0.071 58), oklch(0.398 0.086 58));
    --ub-accent-7: light-dark(oklch(0.805 0.088 58), oklch(0.46 0.096 58));
    --ub-accent-8: light-dark(oklch(0.735 0.114 58), oklch(0.539 0.116 58));
    --ub-accent-9: oklch(0.775 0.155 58);
    --ub-accent-10: oklch(0.81 0.129 58);
    --ub-accent-11: light-dark(oklch(0.494 0.118 58), oklch(0.848 0.1 58));
    --ub-accent-12: light-dark(oklch(0.286 0.068 58), oklch(0.943 0.034 58));
    --ub-accent: oklch(0.775 0.155 58);
    --ub-accent-hover: oklch(0.81 0.129 58);
    --ub-accent-subtle: light-dark(oklch(0.957 0.024 58), oklch(0.263 0.048 58));
    --ub-accent-border: light-dark(oklch(0.805 0.088 58), oklch(0.46 0.096 58));
    --ub-accent-text: light-dark(oklch(0.494 0.118 58), oklch(0.848 0.1 58));
    --ub-on-accent: oklch(0.16 0.02 58);
    --ub-focus: light-dark(oklch(0.494 0.118 58), oklch(0.848 0.1 58));
    --ub-chart-1: light-dark(oklch(0.65 0.15 250), oklch(0.789 0.111 250));
    --ub-chart-2: light-dark(oklch(0.474 0.083 185), oklch(0.66 0.116 185));
    --ub-chart-3: light-dark(oklch(0.66 0.15 350), oklch(0.852 0.095 350));
    --ub-chart-4: light-dark(oklch(0.597 0.122 95), oklch(0.66 0.135 95));
    --ub-chart-5: light-dark(oklch(0.53 0.15 300), oklch(0.668 0.14 300));
    --ub-chart-6: light-dark(oklch(0.635 0.15 145), oklch(0.86 0.14 145));
    --ub-chart-7: light-dark(oklch(0.556 0.15 25), oklch(0.66 0.14 25));
    --ub-chart-8: light-dark(oklch(0.46 0.11 58), oklch(0.781 0.14 58));
    --ub-seq-1: light-dark(oklch(0.955 0.013 250), oklch(0.26 0.013 250));
    --ub-seq-2: light-dark(oklch(0.89 0.036 250), oklch(0.33 0.036 250));
    --ub-seq-3: light-dark(oklch(0.81 0.067 250), oklch(0.42 0.067 250));
    --ub-seq-4: light-dark(oklch(0.72 0.101 250), oklch(0.52 0.101 250));
    --ub-seq-5: light-dark(oklch(0.63 0.13 250), oklch(0.62 0.13 250));
    --ub-seq-6: light-dark(oklch(0.53 0.119 250), oklch(0.73 0.119 250));
    --ub-seq-7: light-dark(oklch(0.42 0.093 250), oklch(0.86 0.071 250));
    --ub-div-1: light-dark(oklch(0.42 0.118 250), oklch(0.8 0.104 250));
    --ub-div-2: light-dark(oklch(0.55 0.117 250), oklch(0.68 0.117 250));
    --ub-div-3: light-dark(oklch(0.7 0.08 250), oklch(0.55 0.08 250));
    --ub-div-4: light-dark(oklch(0.85 0.036 250), oklch(0.42 0.036 250));
    --ub-div-5: light-dark(oklch(0.95 0 250), oklch(0.3 0 250));
    --ub-div-6: light-dark(oklch(0.85 0.036 58), oklch(0.42 0.036 58));
    --ub-div-7: light-dark(oklch(0.7 0.08 58), oklch(0.55 0.08 58));
    --ub-div-8: light-dark(oklch(0.55 0.117 58), oklch(0.68 0.117 58));
    --ub-div-9: light-dark(oklch(0.42 0.1 58), oklch(0.8 0.13 58));
    --ub-scrim: light-dark(oklch(0.2 0.01 235 / 0.45), oklch(0.1 0 0 / 0.6));
  }

  /* Preset: tool */
  [data-preset="tool"] {
    --ub-neutral-1: light-dark(oklch(0.993 0.002 85), oklch(0.188 0.002 85));
    --ub-neutral-2: light-dark(oklch(0.982 0.003 85), oklch(0.211 0.003 85));
    --ub-neutral-3: light-dark(oklch(0.957 0.005 85), oklch(0.263 0.005 85));
    --ub-neutral-4: light-dark(oklch(0.929 0.006 85), oklch(0.305 0.006 85));
    --ub-neutral-5: light-dark(oklch(0.897 0.006 85), oklch(0.349 0.006 85));
    --ub-neutral-6: light-dark(oklch(0.858 0.008 85), oklch(0.398 0.008 85));
    --ub-neutral-7: light-dark(oklch(0.805 0.009 85), oklch(0.46 0.009 85));
    --ub-neutral-8: light-dark(oklch(0.735 0.01 85), oklch(0.539 0.01 85));
    --ub-neutral-9: light-dark(oklch(0.645 0.01 85), oklch(0.537 0.01 85));
    --ub-neutral-10: light-dark(oklch(0.6 0.009 85), oklch(0.58 0.009 85));
    --ub-neutral-11: light-dark(oklch(0.49 0.008 85), oklch(0.842 0.008 85));
    --ub-neutral-12: light-dark(oklch(0.296 0.006 85), oklch(0.941 0.006 85));
    --ub-bg: light-dark(oklch(0.975 0.002 85), oklch(0.188 0.003 85));
    --ub-surface: light-dark(oklch(0.995 0.002 85), oklch(0.225 0.003 85));
    --ub-surface-raised: light-dark(oklch(1 0 0), oklch(0.262 0.003 85));
    --ub-surface-overlay: light-dark(oklch(1 0 0), oklch(0.3 0.003 85));
    --ub-surface-sunken: light-dark(oklch(0.955 0.002 85), oklch(0.16 0.003 85));
    --ub-fg: light-dark(oklch(0.296 0.006 85), oklch(0.941 0.006 85));
    --ub-fg-muted: light-dark(oklch(0.49 0.008 85), oklch(0.842 0.008 85));
    --ub-fg-faint: light-dark(oklch(0.556 0.008 85), oklch(0.77 0.008 85));
    --ub-border: light-dark(oklch(0.9 0.005 85), oklch(0.34 0.005 85));
    --ub-border-strong: light-dark(oklch(0.735 0.01 85), oklch(0.539 0.01 85));
    --ub-border-control: light-dark(oklch(0.645 0.01 85), oklch(0.58 0.01 85));
    --ub-chart-grid: light-dark(oklch(0.929 0.006 85), oklch(0.305 0.006 85));
    --ub-accent-1: light-dark(oklch(0.993 0.002 218), oklch(0.188 0.009 218));
    --ub-accent-2: light-dark(oklch(0.982 0.005 218), oklch(0.211 0.012 218));
    --ub-accent-3: light-dark(oklch(0.957 0.015 218), oklch(0.263 0.029 218));
    --ub-accent-4: light-dark(oklch(0.929 0.025 218), oklch(0.305 0.042 218));
    --ub-accent-5: light-dark(oklch(0.897 0.034 218), oklch(0.349 0.048 218));
    --ub-accent-6: light-dark(oklch(0.858 0.043 218), oklch(0.398 0.053 218));
    --ub-accent-7: light-dark(oklch(0.805 0.054 218), oklch(0.46 0.058 218));
    --ub-accent-8: light-dark(oklch(0.735 0.07 218), oklch(0.539 0.071 218));
    --ub-accent-9: light-dark(oklch(0.5 0.089 218), oklch(0.54 0.095 218));
    --ub-accent-10: light-dark(oklch(0.465 0.083 218), oklch(0.505 0.09 218));
    --ub-accent-11: light-dark(oklch(0.47 0.084 218), oklch(0.836 0.081 218));
    --ub-accent-12: light-dark(oklch(0.294 0.041 218), oklch(0.939 0.038 218));
    --ub-accent: light-dark(oklch(0.5 0.089 218), oklch(0.54 0.095 218));
    --ub-accent-hover: light-dark(oklch(0.465 0.083 218), oklch(0.505 0.09 218));
    --ub-accent-subtle: light-dark(oklch(0.957 0.015 218), oklch(0.263 0.029 218));
    --ub-accent-border: light-dark(oklch(0.805 0.054 218), oklch(0.46 0.058 218));
    --ub-accent-text: light-dark(oklch(0.47 0.084 218), oklch(0.836 0.081 218));
    --ub-on-accent: oklch(0.985 0.004 218);
    --ub-focus: light-dark(oklch(0.47 0.084 218), oklch(0.836 0.081 218));
    --ub-chart-1: light-dark(oklch(0.65 0.15 250), oklch(0.789 0.111 250));
    --ub-chart-2: light-dark(oklch(0.46 0.11 58), oklch(0.781 0.14 58));
    --ub-chart-3: light-dark(oklch(0.474 0.083 185), oklch(0.66 0.116 185));
    --ub-chart-4: light-dark(oklch(0.66 0.15 350), oklch(0.852 0.095 350));
    --ub-chart-5: light-dark(oklch(0.597 0.122 95), oklch(0.66 0.135 95));
    --ub-chart-6: light-dark(oklch(0.53 0.15 300), oklch(0.668 0.14 300));
    --ub-chart-7: light-dark(oklch(0.635 0.15 145), oklch(0.86 0.14 145));
    --ub-chart-8: light-dark(oklch(0.556 0.15 25), oklch(0.66 0.14 25));
    --ub-seq-1: light-dark(oklch(0.955 0.013 250), oklch(0.26 0.013 250));
    --ub-seq-2: light-dark(oklch(0.89 0.036 250), oklch(0.33 0.036 250));
    --ub-seq-3: light-dark(oklch(0.81 0.067 250), oklch(0.42 0.067 250));
    --ub-seq-4: light-dark(oklch(0.72 0.101 250), oklch(0.52 0.101 250));
    --ub-seq-5: light-dark(oklch(0.63 0.13 250), oklch(0.62 0.13 250));
    --ub-seq-6: light-dark(oklch(0.53 0.119 250), oklch(0.73 0.119 250));
    --ub-seq-7: light-dark(oklch(0.42 0.093 250), oklch(0.86 0.071 250));
    --ub-div-1: light-dark(oklch(0.42 0.118 250), oklch(0.8 0.104 250));
    --ub-div-2: light-dark(oklch(0.55 0.117 250), oklch(0.68 0.117 250));
    --ub-div-3: light-dark(oklch(0.7 0.08 250), oklch(0.55 0.08 250));
    --ub-div-4: light-dark(oklch(0.85 0.036 250), oklch(0.42 0.036 250));
    --ub-div-5: light-dark(oklch(0.95 0 250), oklch(0.3 0 250));
    --ub-div-6: light-dark(oklch(0.85 0.036 58), oklch(0.42 0.036 58));
    --ub-div-7: light-dark(oklch(0.7 0.08 58), oklch(0.55 0.08 58));
    --ub-div-8: light-dark(oklch(0.55 0.117 58), oklch(0.68 0.117 58));
    --ub-div-9: light-dark(oklch(0.42 0.1 58), oklch(0.8 0.13 58));
    --ub-scrim: light-dark(oklch(0.2 0.01 85 / 0.45), oklch(0.1 0 0 / 0.6));
  }

  /* Preset: reading */
  [data-preset="reading"] {
    --ub-neutral-1: light-dark(oklch(0.993 0.003 160), oklch(0.188 0.003 160));
    --ub-neutral-2: light-dark(oklch(0.982 0.004 160), oklch(0.211 0.004 160));
    --ub-neutral-3: light-dark(oklch(0.957 0.006 160), oklch(0.263 0.006 160));
    --ub-neutral-4: light-dark(oklch(0.929 0.007 160), oklch(0.305 0.007 160));
    --ub-neutral-5: light-dark(oklch(0.897 0.008 160), oklch(0.349 0.008 160));
    --ub-neutral-6: light-dark(oklch(0.858 0.009 160), oklch(0.398 0.009 160));
    --ub-neutral-7: light-dark(oklch(0.805 0.01 160), oklch(0.46 0.01 160));
    --ub-neutral-8: light-dark(oklch(0.735 0.012 160), oklch(0.539 0.012 160));
    --ub-neutral-9: light-dark(oklch(0.645 0.012 160), oklch(0.537 0.012 160));
    --ub-neutral-10: light-dark(oklch(0.6 0.011 160), oklch(0.58 0.011 160));
    --ub-neutral-11: light-dark(oklch(0.49 0.01 160), oklch(0.84 0.01 160));
    --ub-neutral-12: light-dark(oklch(0.292 0.008 160), oklch(0.939 0.008 160));
    --ub-bg: light-dark(oklch(0.975 0.002 160), oklch(0.188 0.003 160));
    --ub-surface: light-dark(oklch(0.995 0.002 160), oklch(0.225 0.003 160));
    --ub-surface-raised: light-dark(oklch(1 0 0), oklch(0.262 0.003 160));
    --ub-surface-overlay: light-dark(oklch(1 0 0), oklch(0.3 0.003 160));
    --ub-surface-sunken: light-dark(oklch(0.955 0.002 160), oklch(0.16 0.003 160));
    --ub-fg: light-dark(oklch(0.292 0.008 160), oklch(0.939 0.008 160));
    --ub-fg-muted: light-dark(oklch(0.49 0.01 160), oklch(0.84 0.01 160));
    --ub-fg-faint: light-dark(oklch(0.556 0.01 160), oklch(0.768 0.01 160));
    --ub-border: light-dark(oklch(0.9 0.006 160), oklch(0.34 0.006 160));
    --ub-border-strong: light-dark(oklch(0.735 0.012 160), oklch(0.539 0.012 160));
    --ub-border-control: light-dark(oklch(0.645 0.012 160), oklch(0.58 0.012 160));
    --ub-chart-grid: light-dark(oklch(0.929 0.007 160), oklch(0.305 0.007 160));
    --ub-accent-1: light-dark(oklch(0.993 0.003 353), oklch(0.188 0.018 353));
    --ub-accent-2: light-dark(oklch(0.982 0.009 353), oklch(0.211 0.024 353));
    --ub-accent-3: light-dark(oklch(0.957 0.024 353), oklch(0.263 0.057 353));
    --ub-accent-4: light-dark(oklch(0.929 0.041 353), oklch(0.305 0.083 353));
    --ub-accent-5: light-dark(oklch(0.897 0.061 353), oklch(0.349 0.094 353));
    --ub-accent-6: light-dark(oklch(0.858 0.085 353), oklch(0.398 0.103 353));
    --ub-accent-7: light-dark(oklch(0.805 0.105 353), oklch(0.46 0.114 353));
    --ub-accent-8: light-dark(oklch(0.735 0.136 353), oklch(0.539 0.138 353));
    --ub-accent-9: light-dark(oklch(0.52 0.185 353), oklch(0.56 0.185 353));
    --ub-accent-10: light-dark(oklch(0.485 0.179 353), oklch(0.525 0.179 353));
    --ub-accent-11: light-dark(oklch(0.49 0.17 353), oklch(0.852 0.092 353));
    --ub-accent-12: light-dark(oklch(0.282 0.081 353), oklch(0.945 0.031 353));
    --ub-accent: light-dark(oklch(0.52 0.185 353), oklch(0.56 0.185 353));
    --ub-accent-hover: light-dark(oklch(0.485 0.179 353), oklch(0.525 0.179 353));
    --ub-accent-subtle: light-dark(oklch(0.957 0.024 353), oklch(0.263 0.057 353));
    --ub-accent-border: light-dark(oklch(0.805 0.105 353), oklch(0.46 0.114 353));
    --ub-accent-text: light-dark(oklch(0.49 0.17 353), oklch(0.852 0.092 353));
    --ub-on-accent: oklch(0.985 0.004 353);
    --ub-focus: light-dark(oklch(0.49 0.17 353), oklch(0.852 0.092 353));
    --ub-chart-1: light-dark(oklch(0.65 0.15 250), oklch(0.789 0.111 250));
    --ub-chart-2: light-dark(oklch(0.46 0.11 58), oklch(0.781 0.14 58));
    --ub-chart-3: light-dark(oklch(0.474 0.083 185), oklch(0.66 0.116 185));
    --ub-chart-4: light-dark(oklch(0.597 0.122 95), oklch(0.66 0.135 95));
    --ub-chart-5: light-dark(oklch(0.53 0.15 300), oklch(0.668 0.14 300));
    --ub-chart-6: light-dark(oklch(0.635 0.15 145), oklch(0.86 0.14 145));
    --ub-chart-7: light-dark(oklch(0.556 0.15 25), oklch(0.66 0.14 25));
    --ub-chart-8: light-dark(oklch(0.66 0.15 350), oklch(0.852 0.095 350));
    --ub-seq-1: light-dark(oklch(0.955 0.013 250), oklch(0.26 0.013 250));
    --ub-seq-2: light-dark(oklch(0.89 0.036 250), oklch(0.33 0.036 250));
    --ub-seq-3: light-dark(oklch(0.81 0.067 250), oklch(0.42 0.067 250));
    --ub-seq-4: light-dark(oklch(0.72 0.101 250), oklch(0.52 0.101 250));
    --ub-seq-5: light-dark(oklch(0.63 0.13 250), oklch(0.62 0.13 250));
    --ub-seq-6: light-dark(oklch(0.53 0.119 250), oklch(0.73 0.119 250));
    --ub-seq-7: light-dark(oklch(0.42 0.093 250), oklch(0.86 0.071 250));
    --ub-div-1: light-dark(oklch(0.42 0.118 250), oklch(0.8 0.104 250));
    --ub-div-2: light-dark(oklch(0.55 0.117 250), oklch(0.68 0.117 250));
    --ub-div-3: light-dark(oklch(0.7 0.08 250), oklch(0.55 0.08 250));
    --ub-div-4: light-dark(oklch(0.85 0.036 250), oklch(0.42 0.036 250));
    --ub-div-5: light-dark(oklch(0.95 0 250), oklch(0.3 0 250));
    --ub-div-6: light-dark(oklch(0.85 0.036 58), oklch(0.42 0.036 58));
    --ub-div-7: light-dark(oklch(0.7 0.08 58), oklch(0.55 0.08 58));
    --ub-div-8: light-dark(oklch(0.55 0.117 58), oklch(0.68 0.117 58));
    --ub-div-9: light-dark(oklch(0.42 0.1 58), oklch(0.8 0.13 58));
    --ub-scrim: light-dark(oklch(0.2 0.01 160 / 0.45), oklch(0.1 0 0 / 0.6));
  }

  /* Preset: report */
  [data-preset="report"] {
    --ub-neutral-1: light-dark(oklch(0.993 0.002 60), oklch(0.188 0.002 60));
    --ub-neutral-2: light-dark(oklch(0.982 0.002 60), oklch(0.211 0.002 60));
    --ub-neutral-3: light-dark(oklch(0.957 0.004 60), oklch(0.263 0.004 60));
    --ub-neutral-4: light-dark(oklch(0.929 0.004 60), oklch(0.305 0.004 60));
    --ub-neutral-5: light-dark(oklch(0.897 0.005 60), oklch(0.349 0.005 60));
    --ub-neutral-6: light-dark(oklch(0.858 0.006 60), oklch(0.398 0.006 60));
    --ub-neutral-7: light-dark(oklch(0.805 0.007 60), oklch(0.46 0.007 60));
    --ub-neutral-8: light-dark(oklch(0.735 0.008 60), oklch(0.539 0.008 60));
    --ub-neutral-9: light-dark(oklch(0.645 0.008 60), oklch(0.537 0.008 60));
    --ub-neutral-10: light-dark(oklch(0.6 0.007 60), oklch(0.58 0.007 60));
    --ub-neutral-11: light-dark(oklch(0.49 0.006 60), oklch(0.842 0.006 60));
    --ub-neutral-12: light-dark(oklch(0.292 0.005 60), oklch(0.941 0.005 60));
    --ub-bg: light-dark(oklch(0.975 0.001 60), oklch(0.188 0.002 60));
    --ub-surface: light-dark(oklch(0.995 0.001 60), oklch(0.225 0.002 60));
    --ub-surface-raised: light-dark(oklch(1 0 0), oklch(0.262 0.002 60));
    --ub-surface-overlay: light-dark(oklch(1 0 0), oklch(0.3 0.002 60));
    --ub-surface-sunken: light-dark(oklch(0.955 0.001 60), oklch(0.16 0.002 60));
    --ub-fg: light-dark(oklch(0.292 0.005 60), oklch(0.941 0.005 60));
    --ub-fg-muted: light-dark(oklch(0.49 0.006 60), oklch(0.842 0.006 60));
    --ub-fg-faint: light-dark(oklch(0.558 0.006 60), oklch(0.77 0.006 60));
    --ub-border: light-dark(oklch(0.9 0.004 60), oklch(0.34 0.004 60));
    --ub-border-strong: light-dark(oklch(0.735 0.008 60), oklch(0.539 0.008 60));
    --ub-border-control: light-dark(oklch(0.645 0.008 60), oklch(0.58 0.008 60));
    --ub-chart-grid: light-dark(oklch(0.929 0.004 60), oklch(0.305 0.004 60));
    --ub-accent: light-dark(oklch(0.24 0.006 60), oklch(0.93 0.006 60));
    --ub-accent-hover: light-dark(oklch(0.32 0.006 60), oklch(0.87 0.006 60));
    --ub-accent-subtle: light-dark(oklch(0.957 0.004 60), oklch(0.263 0.004 60));
    --ub-accent-border: light-dark(oklch(0.805 0.007 60), oklch(0.46 0.007 60));
    --ub-accent-text: light-dark(oklch(0.292 0.005 60), oklch(0.941 0.005 60));
    --ub-on-accent: light-dark(oklch(0.985 0.003 60), oklch(0.16 0.004 60));
    --ub-accent-1: light-dark(oklch(0.993 0.002 60), oklch(0.188 0.002 60));
    --ub-accent-2: light-dark(oklch(0.982 0.002 60), oklch(0.211 0.002 60));
    --ub-accent-3: light-dark(oklch(0.957 0.004 60), oklch(0.263 0.004 60));
    --ub-accent-4: light-dark(oklch(0.929 0.004 60), oklch(0.305 0.004 60));
    --ub-accent-5: light-dark(oklch(0.897 0.005 60), oklch(0.349 0.005 60));
    --ub-accent-6: light-dark(oklch(0.858 0.006 60), oklch(0.398 0.006 60));
    --ub-accent-7: light-dark(oklch(0.805 0.007 60), oklch(0.46 0.007 60));
    --ub-accent-8: light-dark(oklch(0.735 0.008 60), oklch(0.539 0.008 60));
    --ub-accent-9: light-dark(oklch(0.645 0.008 60), oklch(0.537 0.008 60));
    --ub-accent-10: light-dark(oklch(0.6 0.007 60), oklch(0.58 0.007 60));
    --ub-accent-11: light-dark(oklch(0.49 0.006 60), oklch(0.842 0.006 60));
    --ub-accent-12: light-dark(oklch(0.292 0.005 60), oklch(0.941 0.005 60));
    --ub-focus: light-dark(oklch(0.292 0.005 60), oklch(0.941 0.005 60));
    --ub-chart-1: light-dark(oklch(0.65 0.15 250), oklch(0.789 0.111 250));
    --ub-chart-2: light-dark(oklch(0.46 0.11 58), oklch(0.781 0.14 58));
    --ub-chart-3: light-dark(oklch(0.474 0.083 185), oklch(0.66 0.116 185));
    --ub-chart-4: light-dark(oklch(0.66 0.15 350), oklch(0.852 0.095 350));
    --ub-chart-5: light-dark(oklch(0.597 0.122 95), oklch(0.66 0.135 95));
    --ub-chart-6: light-dark(oklch(0.53 0.15 300), oklch(0.668 0.14 300));
    --ub-chart-7: light-dark(oklch(0.635 0.15 145), oklch(0.86 0.14 145));
    --ub-chart-8: light-dark(oklch(0.556 0.15 25), oklch(0.66 0.14 25));
    --ub-seq-1: light-dark(oklch(0.955 0.013 250), oklch(0.26 0.013 250));
    --ub-seq-2: light-dark(oklch(0.89 0.036 250), oklch(0.33 0.036 250));
    --ub-seq-3: light-dark(oklch(0.81 0.067 250), oklch(0.42 0.067 250));
    --ub-seq-4: light-dark(oklch(0.72 0.101 250), oklch(0.52 0.101 250));
    --ub-seq-5: light-dark(oklch(0.63 0.13 250), oklch(0.62 0.13 250));
    --ub-seq-6: light-dark(oklch(0.53 0.119 250), oklch(0.73 0.119 250));
    --ub-seq-7: light-dark(oklch(0.42 0.093 250), oklch(0.86 0.071 250));
    --ub-div-1: light-dark(oklch(0.42 0.118 250), oklch(0.8 0.104 250));
    --ub-div-2: light-dark(oklch(0.55 0.117 250), oklch(0.68 0.117 250));
    --ub-div-3: light-dark(oklch(0.7 0.08 250), oklch(0.55 0.08 250));
    --ub-div-4: light-dark(oklch(0.85 0.036 250), oklch(0.42 0.036 250));
    --ub-div-5: light-dark(oklch(0.95 0 250), oklch(0.3 0 250));
    --ub-div-6: light-dark(oklch(0.85 0.036 58), oklch(0.42 0.036 58));
    --ub-div-7: light-dark(oklch(0.7 0.08 58), oklch(0.55 0.08 58));
    --ub-div-8: light-dark(oklch(0.55 0.117 58), oklch(0.68 0.117 58));
    --ub-div-9: light-dark(oklch(0.42 0.1 58), oklch(0.8 0.13 58));
    --ub-scrim: light-dark(oklch(0.2 0.01 60 / 0.45), oklch(0.1 0 0 / 0.6));
  }
  /* @generated colors end */

  /* ---------- contrast and motion preferences (last, so they win) ---------- */
  [data-contrast="more"] {
    --ub-border: var(--ub-border-strong); --ub-fg-muted: var(--ub-fg); --ub-focus-width: 3px;
  }
  @media (prefers-contrast: more) {
    :root, [data-preset] { --ub-border: var(--ub-border-strong); --ub-fg-muted: var(--ub-fg); --ub-focus-width: 3px; }
  }
  @media (forced-colors: active) {
    :root, [data-preset] {
      --ub-border: CanvasText; --ub-border-control: CanvasText; --ub-focus: Highlight;
      --ub-accent: Highlight; --ub-on-accent: HighlightText;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    :root, [data-preset] { --ub-dur-fast: 0ms; --ub-dur-base: 0ms; --ub-dur-slow: 0ms; }
  }
}