/* GENERATED by @glacier/tokens - edit src/*.ts and run `npm run gen`. */

:root {
  color-scheme: light;

  /* Typography */
  --glacier-font-sans: 'Inter Variable', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --glacier-font-mono: 'JetBrains Mono Variable', ui-monospace, 'SF Mono', SFMono-Regular, Menlo, monospace;
  --glacier-font-weight-regular: 400;
  --glacier-font-weight-medium: 500;
  --glacier-font-weight-semibold: 600;
  --glacier-font-weight-bold: 700;
  --glacier-font-size-xs: clamp(0.6944rem, 0.6877rem + 0.0336vw, 0.72rem);
  --glacier-leading-xs: 1.5;
  --glacier-tracking-xs: 0em;
  --glacier-font-size-sm: clamp(0.8333rem, 0.8158rem + 0.0877vw, 0.9rem);
  --glacier-leading-sm: 1.5;
  --glacier-tracking-sm: 0em;
  --glacier-font-size-md: clamp(1rem, 0.9671rem + 0.1645vw, 1.125rem);
  --glacier-leading-md: 1.5;
  --glacier-tracking-md: 0em;
  --glacier-font-size-lg: clamp(1.2rem, 1.1457rem + 0.2714vw, 1.4063rem);
  --glacier-leading-lg: 1.4;
  --glacier-tracking-lg: 0em;
  --glacier-font-size-xl: clamp(1.44rem, 1.3564rem + 0.4182vw, 1.7578rem);
  --glacier-leading-xl: 1.4;
  --glacier-tracking-xl: -0.01em;
  --glacier-font-size-2xl: clamp(1.728rem, 1.6045rem + 0.6175vw, 2.1973rem);
  --glacier-leading-2xl: 1.2;
  --glacier-tracking-2xl: -0.01em;
  --glacier-font-size-3xl: clamp(2.0736rem, 1.8965rem + 0.8855vw, 2.7466rem);
  --glacier-leading-3xl: 1.2;
  --glacier-tracking-3xl: -0.02em;
  --glacier-font-size-4xl: clamp(2.4883rem, 2.2397rem + 1.2433vw, 3.4332rem);
  --glacier-leading-4xl: 1.1;
  --glacier-tracking-4xl: -0.02em;
  --glacier-font-size-5xl: clamp(2.986rem, 2.6424rem + 1.7178vw, 4.2915rem);
  --glacier-leading-5xl: 1.1;
  --glacier-tracking-5xl: -0.02em;

  /* Spacing */
  --glacier-space-0: calc(0rem * var(--glacier-density-scale));
  --glacier-space-1: calc(clamp(0.25rem, 0.2336rem + 0.0822vw, 0.3125rem) * var(--glacier-density-scale));
  --glacier-space-2: calc(clamp(0.5rem, 0.4671rem + 0.1645vw, 0.625rem) * var(--glacier-density-scale));
  --glacier-space-3: calc(clamp(0.75rem, 0.7007rem + 0.2467vw, 0.9375rem) * var(--glacier-density-scale));
  --glacier-space-4: calc(clamp(1rem, 0.9342rem + 0.3289vw, 1.25rem) * var(--glacier-density-scale));
  --glacier-space-5: calc(clamp(1.25rem, 1.1678rem + 0.4112vw, 1.5625rem) * var(--glacier-density-scale));
  --glacier-space-6: calc(clamp(1.5rem, 1.4013rem + 0.4934vw, 1.875rem) * var(--glacier-density-scale));
  --glacier-space-8: calc(clamp(2rem, 1.8684rem + 0.6579vw, 2.5rem) * var(--glacier-density-scale));
  --glacier-space-10: calc(clamp(2.5rem, 2.3355rem + 0.8224vw, 3.125rem) * var(--glacier-density-scale));
  --glacier-space-12: calc(clamp(3rem, 2.8026rem + 0.9868vw, 3.75rem) * var(--glacier-density-scale));
  --glacier-space-16: calc(clamp(4rem, 3.7368rem + 1.3158vw, 5rem) * var(--glacier-density-scale));
  --glacier-space-20: calc(clamp(5rem, 4.6711rem + 1.6447vw, 6.25rem) * var(--glacier-density-scale));
  --glacier-space-24: calc(clamp(6rem, 5.6053rem + 1.9737vw, 7.5rem) * var(--glacier-density-scale));
  --glacier-space-px: 1px;

  /* Radius */
  --glacier-radius-scale: 1;
  --glacier-radius-none: 0px;
  --glacier-radius-xs: calc(0.1875rem * var(--glacier-radius-scale));
  --glacier-radius-sm: calc(0.375rem * var(--glacier-radius-scale));
  --glacier-radius-md: calc(0.625rem * var(--glacier-radius-scale));
  --glacier-radius-lg: calc(1rem * var(--glacier-radius-scale));
  --glacier-radius-xl: calc(1.375rem * var(--glacier-radius-scale));
  --glacier-radius-2xl: calc(1.75rem * var(--glacier-radius-scale));
  --glacier-radius-full: 9999px;
  --glacier-control-radius: var(--glacier-radius-full);

  /* Size scale */
  --glacier-size-2xs: 0.5rem;
  --glacier-size-xs: 0.625rem;
  --glacier-size-sm: 1rem;
  --glacier-size-md: 1.25rem;
  --glacier-size-lg: 1.5rem;
  --glacier-size-xl: 1.75rem;
  --glacier-size-2xl: 2.25rem;
  --glacier-size-3xl: 3rem;
  --glacier-size-4xl: 4rem;

  /* Motion */
  --glacier-duration-instant: 75ms;
  --glacier-duration-fast: 150ms;
  --glacier-duration-normal: 250ms;
  --glacier-duration-slow: 400ms;
  --glacier-duration-slower: 600ms;
  --glacier-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --glacier-ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --glacier-ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --glacier-ease-exit: cubic-bezier(0.4, 0, 1, 1);
  --glacier-stagger-step: 60ms;

  /* Density & control sizing */
  --glacier-control-height-sm: 2.25rem;
  --glacier-control-height-md: 2.75rem;
  --glacier-control-height-lg: 3.25rem;
  --glacier-density-scale: 1.1;

  /* Effects - blur, glass, hairline */
  --glacier-hairline: 1px;
  --glacier-glass-blur-scale: 1;
  --glacier-blur-sm: calc(10px * var(--glacier-glass-blur-scale));
  --glacier-blur-md: calc(20px * var(--glacier-glass-blur-scale));
  --glacier-blur-lg: calc(32px * var(--glacier-glass-blur-scale));
  --glacier-glass-saturate: 1.8;

  /* Layout - containers & breakpoints */
  --glacier-container-xs: 20rem;
  --glacier-container-sm: 30rem;
  --glacier-container-md: 42rem;
  --glacier-container-lg: 60rem;
  --glacier-container-xl: 75rem;
  --glacier-container-prose: 68ch;
  --glacier-container-full: 100%;
  --glacier-breakpoint-sm: 640px;
  --glacier-breakpoint-md: 768px;
  --glacier-breakpoint-lg: 1024px;
  --glacier-breakpoint-xl: 1280px;

  /* Shape geometry */
  --glacier-shape-radius: var(--glacier-radius-sm);
  --glacier-shape-slant-angle: 8deg;
  --glacier-shape-notch: 18px;
  --glacier-shape-edge-cut: 14px;
  --glacier-shape-slant-pad: 0.375rem;
  --glacier-shape-accent-edge: 3px;
  --glacier-shape-accent-edge-active: 6px;

  /* Color ramps */
  --glacier-gray-1: oklch(0.993 0.0007 260);
  --glacier-gray-2: oklch(0.981 0.0014 260);
  --glacier-gray-3: oklch(0.96 0.003 260);
  --glacier-gray-4: oklch(0.936 0.0048 260);
  --glacier-gray-5: oklch(0.906 0.0066 260);
  --glacier-gray-6: oklch(0.87 0.0084 260);
  --glacier-gray-7: oklch(0.822 0.0102 260);
  --glacier-gray-8: oklch(0.755 0.012 260);
  --glacier-gray-9: oklch(0.627 0.012 260);
  --glacier-gray-10: oklch(0.578 0.012 260);
  --glacier-gray-11: oklch(0.498 0.0102 260);
  --glacier-gray-12: oklch(0.303 0.0066 260);
  --glacier-accent-1: oklch(0.993 0.009 228);
  --glacier-accent-2: oklch(0.981 0.018 228);
  --glacier-accent-3: oklch(0.96 0.0375 228);
  --glacier-accent-4: oklch(0.936 0.06 228);
  --glacier-accent-5: oklch(0.906 0.0825 228);
  --glacier-accent-6: oklch(0.87 0.105 228);
  --glacier-accent-7: oklch(0.822 0.1275 228);
  --glacier-accent-8: oklch(0.755 0.15 228);
  --glacier-accent-9: oklch(0.627 0.15 228);
  --glacier-accent-10: oklch(0.578 0.15 228);
  --glacier-accent-11: oklch(0.498 0.1275 228);
  --glacier-accent-12: oklch(0.303 0.0825 228);
  --glacier-red-1: oklch(0.993 0.0114 25);
  --glacier-red-2: oklch(0.981 0.0228 25);
  --glacier-red-3: oklch(0.96 0.0475 25);
  --glacier-red-4: oklch(0.936 0.076 25);
  --glacier-red-5: oklch(0.906 0.1045 25);
  --glacier-red-6: oklch(0.87 0.133 25);
  --glacier-red-7: oklch(0.822 0.1615 25);
  --glacier-red-8: oklch(0.755 0.19 25);
  --glacier-red-9: oklch(0.627 0.19 25);
  --glacier-red-10: oklch(0.578 0.19 25);
  --glacier-red-11: oklch(0.498 0.1615 25);
  --glacier-red-12: oklch(0.303 0.1045 25);
  --glacier-amber-1: oklch(0.993 0.009 75);
  --glacier-amber-2: oklch(0.981 0.018 75);
  --glacier-amber-3: oklch(0.96 0.0375 75);
  --glacier-amber-4: oklch(0.936 0.06 75);
  --glacier-amber-5: oklch(0.906 0.0825 75);
  --glacier-amber-6: oklch(0.87 0.105 75);
  --glacier-amber-7: oklch(0.822 0.1275 75);
  --glacier-amber-8: oklch(0.755 0.15 75);
  --glacier-amber-9: oklch(0.627 0.15 75);
  --glacier-amber-10: oklch(0.578 0.15 75);
  --glacier-amber-11: oklch(0.498 0.1275 75);
  --glacier-amber-12: oklch(0.303 0.0825 75);
  --glacier-green-1: oklch(0.993 0.0084 150);
  --glacier-green-2: oklch(0.981 0.0168 150);
  --glacier-green-3: oklch(0.96 0.035 150);
  --glacier-green-4: oklch(0.936 0.056 150);
  --glacier-green-5: oklch(0.906 0.077 150);
  --glacier-green-6: oklch(0.87 0.098 150);
  --glacier-green-7: oklch(0.822 0.119 150);
  --glacier-green-8: oklch(0.755 0.14 150);
  --glacier-green-9: oklch(0.627 0.14 150);
  --glacier-green-10: oklch(0.578 0.14 150);
  --glacier-green-11: oklch(0.498 0.119 150);
  --glacier-green-12: oklch(0.303 0.077 150);
  --glacier-blue-1: oklch(0.993 0.009 228);
  --glacier-blue-2: oklch(0.981 0.018 228);
  --glacier-blue-3: oklch(0.96 0.0375 228);
  --glacier-blue-4: oklch(0.936 0.06 228);
  --glacier-blue-5: oklch(0.906 0.0825 228);
  --glacier-blue-6: oklch(0.87 0.105 228);
  --glacier-blue-7: oklch(0.822 0.1275 228);
  --glacier-blue-8: oklch(0.755 0.15 228);
  --glacier-blue-9: oklch(0.627 0.15 228);
  --glacier-blue-10: oklch(0.578 0.15 228);
  --glacier-blue-11: oklch(0.498 0.1275 228);
  --glacier-blue-12: oklch(0.303 0.0825 228);
  --glacier-purple-1: oklch(0.993 0.0102 305);
  --glacier-purple-2: oklch(0.981 0.0204 305);
  --glacier-purple-3: oklch(0.96 0.0425 305);
  --glacier-purple-4: oklch(0.936 0.068 305);
  --glacier-purple-5: oklch(0.906 0.0935 305);
  --glacier-purple-6: oklch(0.87 0.119 305);
  --glacier-purple-7: oklch(0.822 0.1445 305);
  --glacier-purple-8: oklch(0.755 0.17 305);
  --glacier-purple-9: oklch(0.627 0.17 305);
  --glacier-purple-10: oklch(0.578 0.17 305);
  --glacier-purple-11: oklch(0.498 0.1445 305);
  --glacier-purple-12: oklch(0.303 0.0935 305);
  --glacier-teal-1: oklch(0.993 0.0072 190);
  --glacier-teal-2: oklch(0.981 0.0144 190);
  --glacier-teal-3: oklch(0.96 0.03 190);
  --glacier-teal-4: oklch(0.936 0.048 190);
  --glacier-teal-5: oklch(0.906 0.066 190);
  --glacier-teal-6: oklch(0.87 0.084 190);
  --glacier-teal-7: oklch(0.822 0.102 190);
  --glacier-teal-8: oklch(0.755 0.12 190);
  --glacier-teal-9: oklch(0.627 0.12 190);
  --glacier-teal-10: oklch(0.578 0.12 190);
  --glacier-teal-11: oklch(0.498 0.102 190);
  --glacier-teal-12: oklch(0.303 0.066 190);

  /* Elevation */
  --glacier-shadow-0: none;
  --glacier-shadow-1: 0 1px 2px -1px oklch(0.2 0.02 260 / 0.08), 0 1px 3px oklch(0.2 0.02 260 / 0.06);
  --glacier-shadow-2: 0 2px 4px -2px oklch(0.2 0.02 260 / 0.1), 0 4px 8px -2px oklch(0.2 0.02 260 / 0.06);
  --glacier-shadow-3: 0 4px 8px -4px oklch(0.2 0.02 260 / 0.12), 0 8px 16px -4px oklch(0.2 0.02 260 / 0.08);
  --glacier-shadow-4: 0 8px 16px -8px oklch(0.2 0.02 260 / 0.14), 0 16px 32px -8px oklch(0.2 0.02 260 / 0.1);
  --glacier-shadow-5: 0 16px 32px -12px oklch(0.2 0.02 260 / 0.18), 0 32px 64px -12px oklch(0.2 0.02 260 / 0.12);
  --glacier-elevation-overlay-0: oklch(1 0 0 / 0);
  --glacier-elevation-overlay-1: oklch(1 0 0 / 0);
  --glacier-elevation-overlay-2: oklch(1 0 0 / 0);
  --glacier-elevation-overlay-3: oklch(1 0 0 / 0);
  --glacier-elevation-overlay-4: oklch(1 0 0 / 0);
  --glacier-elevation-overlay-5: oklch(1 0 0 / 0);

  /* Shape depth - drop + glow for clipped/skewed surfaces */
  --glacier-shape-shadow: 0 8px 22px oklch(0.2 0.01 260 / 0.25);
  --glacier-shape-glow: 0 0 14px color-mix(in oklch, var(--glacier-accent-solid) 30%, transparent);

  /* Gradients */
  --glacier-gradient-accent: linear-gradient(135deg in oklch, var(--glacier-accent-8), var(--glacier-accent-10));
  --glacier-gradient-wash-neutral: linear-gradient(135deg in oklch, var(--glacier-gray-3), var(--glacier-gray-1));
  --glacier-gradient-wash-accent: linear-gradient(135deg in oklch, var(--glacier-accent-3), var(--glacier-accent-1));
  --glacier-gradient-wash-danger: linear-gradient(135deg in oklch, var(--glacier-red-3), var(--glacier-red-1));
  --glacier-gradient-wash-success: linear-gradient(135deg in oklch, var(--glacier-green-3), var(--glacier-green-1));
  --glacier-gradient-wash-warning: linear-gradient(135deg in oklch, var(--glacier-amber-3), var(--glacier-amber-1));
  --glacier-gradient-wash-info: linear-gradient(135deg in oklch, var(--glacier-blue-3), var(--glacier-blue-1));
  --glacier-gradient-sheen: linear-gradient(180deg, var(--glacier-glass-highlight), transparent 45%);
  --glacier-gradient-scrim-1: linear-gradient(to top, oklch(0.13 0.01 260 / 0.4), transparent 55%);
  --glacier-gradient-scrim-2: linear-gradient(to top, oklch(0.13 0.01 260 / 0.65), transparent 65%);
  --glacier-gradient-scrim-3: linear-gradient(to top, oklch(0.13 0.01 260 / 0.85), transparent 75%);
  --glacier-gradient-sweep: linear-gradient(100deg, color-mix(in oklch, var(--glacier-accent-solid) 26%, transparent), color-mix(in oklch, var(--glacier-accent-solid) 8%, transparent) 55%, transparent 85%);

  /* Glass materials */
  --glacier-glass-thin: oklch(0.985 0.004 260 / 0.45);
  --glacier-glass-regular: oklch(0.985 0.004 260 / 0.65);
  --glacier-glass-thick: oklch(0.985 0.004 260 / 0.82);
  --glacier-glass-border: oklch(0.3 0.01 260 / 0.1);
  --glacier-glass-highlight: oklch(1 0 0 / 0.75);

  /* Semantic aliases */
  --glacier-bg: var(--glacier-gray-1);
  --glacier-surface: var(--glacier-gray-2);
  --glacier-surface-raised: oklch(0.995 0 0);
  --glacier-surface-sunken: var(--glacier-gray-3);
  --glacier-overlay: oklch(0.2 0.01 260 / 0.45);
  --glacier-hover: var(--glacier-gray-3);
  --glacier-active: var(--glacier-gray-4);
  --glacier-selection: var(--glacier-accent-5);
  --glacier-border-subtle: var(--glacier-gray-4);
  --glacier-border: var(--glacier-gray-6);
  --glacier-border-strong: var(--glacier-gray-8);
  --glacier-text: var(--glacier-gray-12);
  --glacier-text-muted: var(--glacier-gray-11);
  --glacier-text-subtle: var(--glacier-gray-9);
  --glacier-text-disabled: var(--glacier-gray-8);
  --glacier-accent-solid: var(--glacier-accent-9);
  --glacier-accent-solid-hover: var(--glacier-accent-10);
  --glacier-accent-soft: var(--glacier-accent-3);
  --glacier-accent-soft-hover: var(--glacier-accent-4);
  --glacier-accent-border: var(--glacier-accent-7);
  --glacier-accent-text: var(--glacier-accent-11);
  --glacier-accent-contrast: oklch(0.995 0 0);
  --glacier-focus-ring: var(--glacier-accent-8);
  --glacier-segment-track: oklch(0.93 0.005 260 / 0.65);
  --glacier-segment-thumb: oklch(0.995 0 0);
  --glacier-slider-thumb: oklch(0.995 0 0);

  /* Status aliases */
  --glacier-danger-solid: var(--glacier-red-9);
  --glacier-danger-solid-hover: var(--glacier-red-10);
  --glacier-danger-soft: var(--glacier-red-3);
  --glacier-danger-soft-hover: var(--glacier-red-4);
  --glacier-danger-border: var(--glacier-red-7);
  --glacier-danger-text: var(--glacier-red-11);
  --glacier-danger-contrast: oklch(0.995 0 0);
  --glacier-success-solid: var(--glacier-green-9);
  --glacier-success-solid-hover: var(--glacier-green-10);
  --glacier-success-soft: var(--glacier-green-3);
  --glacier-success-soft-hover: var(--glacier-green-4);
  --glacier-success-border: var(--glacier-green-7);
  --glacier-success-text: var(--glacier-green-11);
  --glacier-success-contrast: oklch(0.995 0 0);
  --glacier-warning-solid: var(--glacier-amber-9);
  --glacier-warning-solid-hover: var(--glacier-amber-10);
  --glacier-warning-soft: var(--glacier-amber-3);
  --glacier-warning-soft-hover: var(--glacier-amber-4);
  --glacier-warning-border: var(--glacier-amber-7);
  --glacier-warning-text: var(--glacier-amber-11);
  --glacier-warning-contrast: oklch(0.22 0.015 260);
  --glacier-info-solid: var(--glacier-blue-9);
  --glacier-info-solid-hover: var(--glacier-blue-10);
  --glacier-info-soft: var(--glacier-blue-3);
  --glacier-info-soft-hover: var(--glacier-blue-4);
  --glacier-info-border: var(--glacier-blue-7);
  --glacier-info-text: var(--glacier-blue-11);
  --glacier-info-contrast: oklch(0.995 0 0);

  /* Light theme surfaces */
  --glacier-text-subtle: oklch(0.535 0.012 260);

}

/* Dark theme - data-theme="dark", or prefers-color-scheme with no explicit light */

[data-theme='dark'] {
  color-scheme: dark;

  /* Color ramps */
  --glacier-gray-1: oklch(0.14 0.0017 260);
  --glacier-gray-2: oklch(0.17 0.0024 260);
  --glacier-gray-3: oklch(0.21 0.0038 260);
  --glacier-gray-4: oklch(0.248 0.0054 260);
  --glacier-gray-5: oklch(0.285 0.007 260);
  --glacier-gray-6: oklch(0.33 0.0084 260);
  --glacier-gray-7: oklch(0.39 0.0102 260);
  --glacier-gray-8: oklch(0.485 0.012 260);
  --glacier-gray-9: oklch(0.64 0.013 260);
  --glacier-gray-10: oklch(0.7 0.013 260);
  --glacier-gray-11: oklch(0.805 0.0102 260);
  --glacier-gray-12: oklch(0.935 0.005 260);
  --glacier-accent-1: oklch(0.14 0.021 228);
  --glacier-accent-2: oklch(0.17 0.03 228);
  --glacier-accent-3: oklch(0.21 0.048 228);
  --glacier-accent-4: oklch(0.248 0.0675 228);
  --glacier-accent-5: oklch(0.285 0.087 228);
  --glacier-accent-6: oklch(0.33 0.105 228);
  --glacier-accent-7: oklch(0.39 0.1275 228);
  --glacier-accent-8: oklch(0.485 0.15 228);
  --glacier-accent-9: oklch(0.64 0.162 228);
  --glacier-accent-10: oklch(0.7 0.162 228);
  --glacier-accent-11: oklch(0.805 0.1275 228);
  --glacier-accent-12: oklch(0.935 0.063 228);
  --glacier-red-1: oklch(0.14 0.0266 25);
  --glacier-red-2: oklch(0.17 0.038 25);
  --glacier-red-3: oklch(0.21 0.0608 25);
  --glacier-red-4: oklch(0.248 0.0855 25);
  --glacier-red-5: oklch(0.285 0.1102 25);
  --glacier-red-6: oklch(0.33 0.133 25);
  --glacier-red-7: oklch(0.39 0.1615 25);
  --glacier-red-8: oklch(0.485 0.19 25);
  --glacier-red-9: oklch(0.64 0.2052 25);
  --glacier-red-10: oklch(0.7 0.2052 25);
  --glacier-red-11: oklch(0.805 0.1615 25);
  --glacier-red-12: oklch(0.935 0.0798 25);
  --glacier-amber-1: oklch(0.14 0.021 75);
  --glacier-amber-2: oklch(0.17 0.03 75);
  --glacier-amber-3: oklch(0.21 0.048 75);
  --glacier-amber-4: oklch(0.248 0.0675 75);
  --glacier-amber-5: oklch(0.285 0.087 75);
  --glacier-amber-6: oklch(0.33 0.105 75);
  --glacier-amber-7: oklch(0.39 0.1275 75);
  --glacier-amber-8: oklch(0.485 0.15 75);
  --glacier-amber-9: oklch(0.64 0.162 75);
  --glacier-amber-10: oklch(0.7 0.162 75);
  --glacier-amber-11: oklch(0.805 0.1275 75);
  --glacier-amber-12: oklch(0.935 0.063 75);
  --glacier-green-1: oklch(0.14 0.0196 150);
  --glacier-green-2: oklch(0.17 0.028 150);
  --glacier-green-3: oklch(0.21 0.0448 150);
  --glacier-green-4: oklch(0.248 0.063 150);
  --glacier-green-5: oklch(0.285 0.0812 150);
  --glacier-green-6: oklch(0.33 0.098 150);
  --glacier-green-7: oklch(0.39 0.119 150);
  --glacier-green-8: oklch(0.485 0.14 150);
  --glacier-green-9: oklch(0.64 0.1512 150);
  --glacier-green-10: oklch(0.7 0.1512 150);
  --glacier-green-11: oklch(0.805 0.119 150);
  --glacier-green-12: oklch(0.935 0.0588 150);
  --glacier-blue-1: oklch(0.14 0.021 228);
  --glacier-blue-2: oklch(0.17 0.03 228);
  --glacier-blue-3: oklch(0.21 0.048 228);
  --glacier-blue-4: oklch(0.248 0.0675 228);
  --glacier-blue-5: oklch(0.285 0.087 228);
  --glacier-blue-6: oklch(0.33 0.105 228);
  --glacier-blue-7: oklch(0.39 0.1275 228);
  --glacier-blue-8: oklch(0.485 0.15 228);
  --glacier-blue-9: oklch(0.64 0.162 228);
  --glacier-blue-10: oklch(0.7 0.162 228);
  --glacier-blue-11: oklch(0.805 0.1275 228);
  --glacier-blue-12: oklch(0.935 0.063 228);
  --glacier-purple-1: oklch(0.14 0.0238 305);
  --glacier-purple-2: oklch(0.17 0.034 305);
  --glacier-purple-3: oklch(0.21 0.0544 305);
  --glacier-purple-4: oklch(0.248 0.0765 305);
  --glacier-purple-5: oklch(0.285 0.0986 305);
  --glacier-purple-6: oklch(0.33 0.119 305);
  --glacier-purple-7: oklch(0.39 0.1445 305);
  --glacier-purple-8: oklch(0.485 0.17 305);
  --glacier-purple-9: oklch(0.64 0.1836 305);
  --glacier-purple-10: oklch(0.7 0.1836 305);
  --glacier-purple-11: oklch(0.805 0.1445 305);
  --glacier-purple-12: oklch(0.935 0.0714 305);
  --glacier-teal-1: oklch(0.14 0.0168 190);
  --glacier-teal-2: oklch(0.17 0.024 190);
  --glacier-teal-3: oklch(0.21 0.0384 190);
  --glacier-teal-4: oklch(0.248 0.054 190);
  --glacier-teal-5: oklch(0.285 0.0696 190);
  --glacier-teal-6: oklch(0.33 0.084 190);
  --glacier-teal-7: oklch(0.39 0.102 190);
  --glacier-teal-8: oklch(0.485 0.12 190);
  --glacier-teal-9: oklch(0.64 0.1296 190);
  --glacier-teal-10: oklch(0.7 0.1296 190);
  --glacier-teal-11: oklch(0.805 0.102 190);
  --glacier-teal-12: oklch(0.935 0.0504 190);

  /* Elevation */
  --glacier-shadow-0: none;
  --glacier-shadow-1: 0 1px 2px -1px oklch(0.2 0.02 260 / 0.4), 0 1px 3px oklch(0.2 0.02 260 / 0.3);
  --glacier-shadow-2: 0 2px 4px -2px oklch(0.2 0.02 260 / 0.45), 0 4px 8px -2px oklch(0.2 0.02 260 / 0.3);
  --glacier-shadow-3: 0 4px 8px -4px oklch(0.2 0.02 260 / 0.5), 0 8px 16px -4px oklch(0.2 0.02 260 / 0.35);
  --glacier-shadow-4: 0 8px 16px -8px oklch(0.2 0.02 260 / 0.55), 0 16px 32px -8px oklch(0.2 0.02 260 / 0.4);
  --glacier-shadow-5: 0 16px 32px -12px oklch(0.2 0.02 260 / 0.6), 0 32px 64px -12px oklch(0.2 0.02 260 / 0.45);
  --glacier-elevation-overlay-0: oklch(1 0 0 / 0);
  --glacier-elevation-overlay-1: oklch(1 0 0 / 0.04);
  --glacier-elevation-overlay-2: oklch(1 0 0 / 0.06);
  --glacier-elevation-overlay-3: oklch(1 0 0 / 0.09);
  --glacier-elevation-overlay-4: oklch(1 0 0 / 0.12);
  --glacier-elevation-overlay-5: oklch(1 0 0 / 0.15);

  /* Shape depth */
  --glacier-shape-shadow: 0 8px 22px oklch(0 0 0 / 0.45);
  --glacier-shape-glow: 0 0 14px color-mix(in oklch, var(--glacier-accent-solid) 30%, transparent);

  /* Glass materials */
  --glacier-glass-thin: oklch(0.23 0.008 260 / 0.4);
  --glacier-glass-regular: oklch(0.23 0.008 260 / 0.6);
  --glacier-glass-thick: oklch(0.2 0.008 260 / 0.85);
  --glacier-glass-border: oklch(1 0 0 / 0.09);
  --glacier-glass-highlight: oklch(1 0 0 / 0.1);

  /* Theme surfaces */
  --glacier-surface: var(--glacier-gray-2);
  --glacier-surface-raised: var(--glacier-gray-3);
  --glacier-surface-sunken: oklch(0.115 0.008 260);
  --glacier-overlay: oklch(0.07 0.01 260 / 0.65);
  --glacier-segment-track: oklch(0.26 0.008 260 / 0.55);
  --glacier-segment-thumb: oklch(0.58 0.014 260);
  --glacier-slider-thumb: oklch(0.92 0.006 260);

}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) {
    color-scheme: dark;

    /* Color ramps */
    --glacier-gray-1: oklch(0.14 0.0017 260);
    --glacier-gray-2: oklch(0.17 0.0024 260);
    --glacier-gray-3: oklch(0.21 0.0038 260);
    --glacier-gray-4: oklch(0.248 0.0054 260);
    --glacier-gray-5: oklch(0.285 0.007 260);
    --glacier-gray-6: oklch(0.33 0.0084 260);
    --glacier-gray-7: oklch(0.39 0.0102 260);
    --glacier-gray-8: oklch(0.485 0.012 260);
    --glacier-gray-9: oklch(0.64 0.013 260);
    --glacier-gray-10: oklch(0.7 0.013 260);
    --glacier-gray-11: oklch(0.805 0.0102 260);
    --glacier-gray-12: oklch(0.935 0.005 260);
    --glacier-accent-1: oklch(0.14 0.021 228);
    --glacier-accent-2: oklch(0.17 0.03 228);
    --glacier-accent-3: oklch(0.21 0.048 228);
    --glacier-accent-4: oklch(0.248 0.0675 228);
    --glacier-accent-5: oklch(0.285 0.087 228);
    --glacier-accent-6: oklch(0.33 0.105 228);
    --glacier-accent-7: oklch(0.39 0.1275 228);
    --glacier-accent-8: oklch(0.485 0.15 228);
    --glacier-accent-9: oklch(0.64 0.162 228);
    --glacier-accent-10: oklch(0.7 0.162 228);
    --glacier-accent-11: oklch(0.805 0.1275 228);
    --glacier-accent-12: oklch(0.935 0.063 228);
    --glacier-red-1: oklch(0.14 0.0266 25);
    --glacier-red-2: oklch(0.17 0.038 25);
    --glacier-red-3: oklch(0.21 0.0608 25);
    --glacier-red-4: oklch(0.248 0.0855 25);
    --glacier-red-5: oklch(0.285 0.1102 25);
    --glacier-red-6: oklch(0.33 0.133 25);
    --glacier-red-7: oklch(0.39 0.1615 25);
    --glacier-red-8: oklch(0.485 0.19 25);
    --glacier-red-9: oklch(0.64 0.2052 25);
    --glacier-red-10: oklch(0.7 0.2052 25);
    --glacier-red-11: oklch(0.805 0.1615 25);
    --glacier-red-12: oklch(0.935 0.0798 25);
    --glacier-amber-1: oklch(0.14 0.021 75);
    --glacier-amber-2: oklch(0.17 0.03 75);
    --glacier-amber-3: oklch(0.21 0.048 75);
    --glacier-amber-4: oklch(0.248 0.0675 75);
    --glacier-amber-5: oklch(0.285 0.087 75);
    --glacier-amber-6: oklch(0.33 0.105 75);
    --glacier-amber-7: oklch(0.39 0.1275 75);
    --glacier-amber-8: oklch(0.485 0.15 75);
    --glacier-amber-9: oklch(0.64 0.162 75);
    --glacier-amber-10: oklch(0.7 0.162 75);
    --glacier-amber-11: oklch(0.805 0.1275 75);
    --glacier-amber-12: oklch(0.935 0.063 75);
    --glacier-green-1: oklch(0.14 0.0196 150);
    --glacier-green-2: oklch(0.17 0.028 150);
    --glacier-green-3: oklch(0.21 0.0448 150);
    --glacier-green-4: oklch(0.248 0.063 150);
    --glacier-green-5: oklch(0.285 0.0812 150);
    --glacier-green-6: oklch(0.33 0.098 150);
    --glacier-green-7: oklch(0.39 0.119 150);
    --glacier-green-8: oklch(0.485 0.14 150);
    --glacier-green-9: oklch(0.64 0.1512 150);
    --glacier-green-10: oklch(0.7 0.1512 150);
    --glacier-green-11: oklch(0.805 0.119 150);
    --glacier-green-12: oklch(0.935 0.0588 150);
    --glacier-blue-1: oklch(0.14 0.021 228);
    --glacier-blue-2: oklch(0.17 0.03 228);
    --glacier-blue-3: oklch(0.21 0.048 228);
    --glacier-blue-4: oklch(0.248 0.0675 228);
    --glacier-blue-5: oklch(0.285 0.087 228);
    --glacier-blue-6: oklch(0.33 0.105 228);
    --glacier-blue-7: oklch(0.39 0.1275 228);
    --glacier-blue-8: oklch(0.485 0.15 228);
    --glacier-blue-9: oklch(0.64 0.162 228);
    --glacier-blue-10: oklch(0.7 0.162 228);
    --glacier-blue-11: oklch(0.805 0.1275 228);
    --glacier-blue-12: oklch(0.935 0.063 228);
    --glacier-purple-1: oklch(0.14 0.0238 305);
    --glacier-purple-2: oklch(0.17 0.034 305);
    --glacier-purple-3: oklch(0.21 0.0544 305);
    --glacier-purple-4: oklch(0.248 0.0765 305);
    --glacier-purple-5: oklch(0.285 0.0986 305);
    --glacier-purple-6: oklch(0.33 0.119 305);
    --glacier-purple-7: oklch(0.39 0.1445 305);
    --glacier-purple-8: oklch(0.485 0.17 305);
    --glacier-purple-9: oklch(0.64 0.1836 305);
    --glacier-purple-10: oklch(0.7 0.1836 305);
    --glacier-purple-11: oklch(0.805 0.1445 305);
    --glacier-purple-12: oklch(0.935 0.0714 305);
    --glacier-teal-1: oklch(0.14 0.0168 190);
    --glacier-teal-2: oklch(0.17 0.024 190);
    --glacier-teal-3: oklch(0.21 0.0384 190);
    --glacier-teal-4: oklch(0.248 0.054 190);
    --glacier-teal-5: oklch(0.285 0.0696 190);
    --glacier-teal-6: oklch(0.33 0.084 190);
    --glacier-teal-7: oklch(0.39 0.102 190);
    --glacier-teal-8: oklch(0.485 0.12 190);
    --glacier-teal-9: oklch(0.64 0.1296 190);
    --glacier-teal-10: oklch(0.7 0.1296 190);
    --glacier-teal-11: oklch(0.805 0.102 190);
    --glacier-teal-12: oklch(0.935 0.0504 190);

    /* Elevation */
    --glacier-shadow-0: none;
    --glacier-shadow-1: 0 1px 2px -1px oklch(0.2 0.02 260 / 0.4), 0 1px 3px oklch(0.2 0.02 260 / 0.3);
    --glacier-shadow-2: 0 2px 4px -2px oklch(0.2 0.02 260 / 0.45), 0 4px 8px -2px oklch(0.2 0.02 260 / 0.3);
    --glacier-shadow-3: 0 4px 8px -4px oklch(0.2 0.02 260 / 0.5), 0 8px 16px -4px oklch(0.2 0.02 260 / 0.35);
    --glacier-shadow-4: 0 8px 16px -8px oklch(0.2 0.02 260 / 0.55), 0 16px 32px -8px oklch(0.2 0.02 260 / 0.4);
    --glacier-shadow-5: 0 16px 32px -12px oklch(0.2 0.02 260 / 0.6), 0 32px 64px -12px oklch(0.2 0.02 260 / 0.45);
    --glacier-elevation-overlay-0: oklch(1 0 0 / 0);
    --glacier-elevation-overlay-1: oklch(1 0 0 / 0.04);
    --glacier-elevation-overlay-2: oklch(1 0 0 / 0.06);
    --glacier-elevation-overlay-3: oklch(1 0 0 / 0.09);
    --glacier-elevation-overlay-4: oklch(1 0 0 / 0.12);
    --glacier-elevation-overlay-5: oklch(1 0 0 / 0.15);

    /* Shape depth */
    --glacier-shape-shadow: 0 8px 22px oklch(0 0 0 / 0.45);
    --glacier-shape-glow: 0 0 14px color-mix(in oklch, var(--glacier-accent-solid) 30%, transparent);

    /* Glass materials */
    --glacier-glass-thin: oklch(0.23 0.008 260 / 0.4);
    --glacier-glass-regular: oklch(0.23 0.008 260 / 0.6);
    --glacier-glass-thick: oklch(0.2 0.008 260 / 0.85);
    --glacier-glass-border: oklch(1 0 0 / 0.09);
    --glacier-glass-highlight: oklch(1 0 0 / 0.1);

    /* Theme surfaces */
    --glacier-surface: var(--glacier-gray-2);
    --glacier-surface-raised: var(--glacier-gray-3);
    --glacier-surface-sunken: oklch(0.115 0.008 260);
    --glacier-overlay: oklch(0.07 0.01 260 / 0.65);
    --glacier-segment-track: oklch(0.26 0.008 260 / 0.55);
    --glacier-segment-thumb: oklch(0.58 0.014 260);
    --glacier-slider-thumb: oklch(0.92 0.006 260);

  }
}

/* Named themes - data-theme-preset swaps neutral, glass, and semantic color tokens */

:root[data-theme-preset='dawn'] {
  color-scheme: light;

  /* Theme color tokens */
  --glacier-gray-1: oklch(0.993 0.0018 46);
  --glacier-gray-2: oklch(0.981 0.0036 46);
  --glacier-gray-3: oklch(0.96 0.0075 46);
  --glacier-gray-4: oklch(0.936 0.012 46);
  --glacier-gray-5: oklch(0.906 0.0165 46);
  --glacier-gray-6: oklch(0.87 0.021 46);
  --glacier-gray-7: oklch(0.822 0.0255 46);
  --glacier-gray-8: oklch(0.755 0.03 46);
  --glacier-gray-9: oklch(0.627 0.03 46);
  --glacier-gray-10: oklch(0.578 0.03 46);
  --glacier-gray-11: oklch(0.498 0.0255 46);
  --glacier-gray-12: oklch(0.303 0.0165 46);
  --glacier-glass-thin: oklch(0.985 0.012 52 / 0.48);
  --glacier-glass-regular: oklch(0.985 0.012 52 / 0.68);
  --glacier-glass-thick: oklch(0.985 0.012 52 / 0.86);
  --glacier-glass-border: oklch(0.4 0.03 42 / 0.12);
  --glacier-glass-highlight: oklch(1 0 0 / 0.82);
  --glacier-surface-raised: oklch(0.998 0.004 55);
  --glacier-overlay: oklch(0.22 0.025 40 / 0.42);
  --glacier-text-subtle: oklch(0.49 0.028 42);
  --glacier-segment-track: oklch(0.92 0.02 50 / 0.72);
  --glacier-segment-thumb: oklch(0.998 0.004 55);
  --glacier-slider-thumb: oklch(0.998 0.004 55);

}

:root[data-theme-preset='boreal'] {
  color-scheme: dark;

  /* Theme color tokens */
  --glacier-gray-1: oklch(0.14 0.0039 165);
  --glacier-gray-2: oklch(0.17 0.0056 165);
  --glacier-gray-3: oklch(0.21 0.009 165);
  --glacier-gray-4: oklch(0.248 0.0126 165);
  --glacier-gray-5: oklch(0.285 0.0162 165);
  --glacier-gray-6: oklch(0.33 0.0196 165);
  --glacier-gray-7: oklch(0.39 0.0238 165);
  --glacier-gray-8: oklch(0.485 0.028 165);
  --glacier-gray-9: oklch(0.64 0.0302 165);
  --glacier-gray-10: oklch(0.7 0.0302 165);
  --glacier-gray-11: oklch(0.805 0.0238 165);
  --glacier-gray-12: oklch(0.935 0.0118 165);
  --glacier-glass-thin: oklch(0.22 0.024 165 / 0.44);
  --glacier-glass-regular: oklch(0.22 0.024 165 / 0.64);
  --glacier-glass-thick: oklch(0.19 0.022 165 / 0.88);
  --glacier-glass-border: oklch(0.9 0.025 165 / 0.11);
  --glacier-glass-highlight: oklch(0.96 0.02 165 / 0.11);
  --glacier-surface-sunken: oklch(0.105 0.015 165);
  --glacier-overlay: oklch(0.055 0.015 165 / 0.7);
  --glacier-segment-track: oklch(0.27 0.025 165 / 0.62);
  --glacier-segment-thumb: oklch(0.56 0.026 165);
  --glacier-slider-thumb: oklch(0.91 0.014 165);

}

:root[data-theme-preset='ember'] {
  color-scheme: dark;

  /* Theme color tokens */
  --glacier-gray-1: oklch(0.14 0.0042 48);
  --glacier-gray-2: oklch(0.17 0.006 48);
  --glacier-gray-3: oklch(0.21 0.0096 48);
  --glacier-gray-4: oklch(0.248 0.0135 48);
  --glacier-gray-5: oklch(0.285 0.0174 48);
  --glacier-gray-6: oklch(0.33 0.021 48);
  --glacier-gray-7: oklch(0.39 0.0255 48);
  --glacier-gray-8: oklch(0.485 0.03 48);
  --glacier-gray-9: oklch(0.64 0.0324 48);
  --glacier-gray-10: oklch(0.7 0.0324 48);
  --glacier-gray-11: oklch(0.805 0.0255 48);
  --glacier-gray-12: oklch(0.935 0.0126 48);
  --glacier-glass-thin: oklch(0.23 0.027 48 / 0.44);
  --glacier-glass-regular: oklch(0.23 0.027 48 / 0.64);
  --glacier-glass-thick: oklch(0.2 0.025 48 / 0.88);
  --glacier-glass-border: oklch(0.94 0.025 48 / 0.11);
  --glacier-glass-highlight: oklch(0.98 0.018 48 / 0.11);
  --glacier-surface-sunken: oklch(0.11 0.016 48);
  --glacier-overlay: oklch(0.06 0.016 48 / 0.72);
  --glacier-segment-track: oklch(0.28 0.027 48 / 0.62);
  --glacier-segment-thumb: oklch(0.58 0.028 48);
  --glacier-slider-thumb: oklch(0.92 0.014 48);

}

/* Pickable accents - data-accent="name" swaps the accent ramp */

[data-accent='green'] {
  --glacier-accent-1: oklch(0.993 0.0084 150);
  --glacier-accent-2: oklch(0.981 0.0168 150);
  --glacier-accent-3: oklch(0.96 0.035 150);
  --glacier-accent-4: oklch(0.936 0.056 150);
  --glacier-accent-5: oklch(0.906 0.077 150);
  --glacier-accent-6: oklch(0.87 0.098 150);
  --glacier-accent-7: oklch(0.822 0.119 150);
  --glacier-accent-8: oklch(0.755 0.14 150);
  --glacier-accent-9: oklch(0.627 0.14 150);
  --glacier-accent-10: oklch(0.578 0.14 150);
  --glacier-accent-11: oklch(0.498 0.119 150);
  --glacier-accent-12: oklch(0.303 0.077 150);
  --glacier-accent-contrast: oklch(0.995 0 0);
}

[data-theme='dark'][data-accent='green'] {
  --glacier-accent-1: oklch(0.14 0.0196 150);
  --glacier-accent-2: oklch(0.17 0.028 150);
  --glacier-accent-3: oklch(0.21 0.0448 150);
  --glacier-accent-4: oklch(0.248 0.063 150);
  --glacier-accent-5: oklch(0.285 0.0812 150);
  --glacier-accent-6: oklch(0.33 0.098 150);
  --glacier-accent-7: oklch(0.39 0.119 150);
  --glacier-accent-8: oklch(0.485 0.14 150);
  --glacier-accent-9: oklch(0.64 0.1512 150);
  --glacier-accent-10: oklch(0.7 0.1512 150);
  --glacier-accent-11: oklch(0.805 0.119 150);
  --glacier-accent-12: oklch(0.935 0.0588 150);
  --glacier-accent-contrast: oklch(0.995 0 0);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light'])[data-accent='green'] {
    --glacier-accent-1: oklch(0.14 0.0196 150);
    --glacier-accent-2: oklch(0.17 0.028 150);
    --glacier-accent-3: oklch(0.21 0.0448 150);
    --glacier-accent-4: oklch(0.248 0.063 150);
    --glacier-accent-5: oklch(0.285 0.0812 150);
    --glacier-accent-6: oklch(0.33 0.098 150);
    --glacier-accent-7: oklch(0.39 0.119 150);
    --glacier-accent-8: oklch(0.485 0.14 150);
    --glacier-accent-9: oklch(0.64 0.1512 150);
    --glacier-accent-10: oklch(0.7 0.1512 150);
    --glacier-accent-11: oklch(0.805 0.119 150);
    --glacier-accent-12: oklch(0.935 0.0588 150);
    --glacier-accent-contrast: oklch(0.995 0 0);
  }
}

[data-accent='purple'] {
  --glacier-accent-1: oklch(0.993 0.0102 305);
  --glacier-accent-2: oklch(0.981 0.0204 305);
  --glacier-accent-3: oklch(0.96 0.0425 305);
  --glacier-accent-4: oklch(0.936 0.068 305);
  --glacier-accent-5: oklch(0.906 0.0935 305);
  --glacier-accent-6: oklch(0.87 0.119 305);
  --glacier-accent-7: oklch(0.822 0.1445 305);
  --glacier-accent-8: oklch(0.755 0.17 305);
  --glacier-accent-9: oklch(0.627 0.17 305);
  --glacier-accent-10: oklch(0.578 0.17 305);
  --glacier-accent-11: oklch(0.498 0.1445 305);
  --glacier-accent-12: oklch(0.303 0.0935 305);
  --glacier-accent-contrast: oklch(0.995 0 0);
}

[data-theme='dark'][data-accent='purple'] {
  --glacier-accent-1: oklch(0.14 0.0238 305);
  --glacier-accent-2: oklch(0.17 0.034 305);
  --glacier-accent-3: oklch(0.21 0.0544 305);
  --glacier-accent-4: oklch(0.248 0.0765 305);
  --glacier-accent-5: oklch(0.285 0.0986 305);
  --glacier-accent-6: oklch(0.33 0.119 305);
  --glacier-accent-7: oklch(0.39 0.1445 305);
  --glacier-accent-8: oklch(0.485 0.17 305);
  --glacier-accent-9: oklch(0.64 0.1836 305);
  --glacier-accent-10: oklch(0.7 0.1836 305);
  --glacier-accent-11: oklch(0.805 0.1445 305);
  --glacier-accent-12: oklch(0.935 0.0714 305);
  --glacier-accent-contrast: oklch(0.995 0 0);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light'])[data-accent='purple'] {
    --glacier-accent-1: oklch(0.14 0.0238 305);
    --glacier-accent-2: oklch(0.17 0.034 305);
    --glacier-accent-3: oklch(0.21 0.0544 305);
    --glacier-accent-4: oklch(0.248 0.0765 305);
    --glacier-accent-5: oklch(0.285 0.0986 305);
    --glacier-accent-6: oklch(0.33 0.119 305);
    --glacier-accent-7: oklch(0.39 0.1445 305);
    --glacier-accent-8: oklch(0.485 0.17 305);
    --glacier-accent-9: oklch(0.64 0.1836 305);
    --glacier-accent-10: oklch(0.7 0.1836 305);
    --glacier-accent-11: oklch(0.805 0.1445 305);
    --glacier-accent-12: oklch(0.935 0.0714 305);
    --glacier-accent-contrast: oklch(0.995 0 0);
  }
}

[data-accent='teal'] {
  --glacier-accent-1: oklch(0.993 0.0072 190);
  --glacier-accent-2: oklch(0.981 0.0144 190);
  --glacier-accent-3: oklch(0.96 0.03 190);
  --glacier-accent-4: oklch(0.936 0.048 190);
  --glacier-accent-5: oklch(0.906 0.066 190);
  --glacier-accent-6: oklch(0.87 0.084 190);
  --glacier-accent-7: oklch(0.822 0.102 190);
  --glacier-accent-8: oklch(0.755 0.12 190);
  --glacier-accent-9: oklch(0.627 0.12 190);
  --glacier-accent-10: oklch(0.578 0.12 190);
  --glacier-accent-11: oklch(0.498 0.102 190);
  --glacier-accent-12: oklch(0.303 0.066 190);
  --glacier-accent-contrast: oklch(0.22 0.015 260);
}

[data-theme='dark'][data-accent='teal'] {
  --glacier-accent-1: oklch(0.14 0.0168 190);
  --glacier-accent-2: oklch(0.17 0.024 190);
  --glacier-accent-3: oklch(0.21 0.0384 190);
  --glacier-accent-4: oklch(0.248 0.054 190);
  --glacier-accent-5: oklch(0.285 0.0696 190);
  --glacier-accent-6: oklch(0.33 0.084 190);
  --glacier-accent-7: oklch(0.39 0.102 190);
  --glacier-accent-8: oklch(0.485 0.12 190);
  --glacier-accent-9: oklch(0.64 0.1296 190);
  --glacier-accent-10: oklch(0.7 0.1296 190);
  --glacier-accent-11: oklch(0.805 0.102 190);
  --glacier-accent-12: oklch(0.935 0.0504 190);
  --glacier-accent-contrast: oklch(0.22 0.015 260);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light'])[data-accent='teal'] {
    --glacier-accent-1: oklch(0.14 0.0168 190);
    --glacier-accent-2: oklch(0.17 0.024 190);
    --glacier-accent-3: oklch(0.21 0.0384 190);
    --glacier-accent-4: oklch(0.248 0.054 190);
    --glacier-accent-5: oklch(0.285 0.0696 190);
    --glacier-accent-6: oklch(0.33 0.084 190);
    --glacier-accent-7: oklch(0.39 0.102 190);
    --glacier-accent-8: oklch(0.485 0.12 190);
    --glacier-accent-9: oklch(0.64 0.1296 190);
    --glacier-accent-10: oklch(0.7 0.1296 190);
    --glacier-accent-11: oklch(0.805 0.102 190);
    --glacier-accent-12: oklch(0.935 0.0504 190);
    --glacier-accent-contrast: oklch(0.22 0.015 260);
  }
}

[data-accent='amber'] {
  --glacier-accent-1: oklch(0.993 0.009 75);
  --glacier-accent-2: oklch(0.981 0.018 75);
  --glacier-accent-3: oklch(0.96 0.0375 75);
  --glacier-accent-4: oklch(0.936 0.06 75);
  --glacier-accent-5: oklch(0.906 0.0825 75);
  --glacier-accent-6: oklch(0.87 0.105 75);
  --glacier-accent-7: oklch(0.822 0.1275 75);
  --glacier-accent-8: oklch(0.755 0.15 75);
  --glacier-accent-9: oklch(0.627 0.15 75);
  --glacier-accent-10: oklch(0.578 0.15 75);
  --glacier-accent-11: oklch(0.498 0.1275 75);
  --glacier-accent-12: oklch(0.303 0.0825 75);
  --glacier-accent-contrast: oklch(0.22 0.015 260);
}

[data-theme='dark'][data-accent='amber'] {
  --glacier-accent-1: oklch(0.14 0.021 75);
  --glacier-accent-2: oklch(0.17 0.03 75);
  --glacier-accent-3: oklch(0.21 0.048 75);
  --glacier-accent-4: oklch(0.248 0.0675 75);
  --glacier-accent-5: oklch(0.285 0.087 75);
  --glacier-accent-6: oklch(0.33 0.105 75);
  --glacier-accent-7: oklch(0.39 0.1275 75);
  --glacier-accent-8: oklch(0.485 0.15 75);
  --glacier-accent-9: oklch(0.64 0.162 75);
  --glacier-accent-10: oklch(0.7 0.162 75);
  --glacier-accent-11: oklch(0.805 0.1275 75);
  --glacier-accent-12: oklch(0.935 0.063 75);
  --glacier-accent-contrast: oklch(0.22 0.015 260);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light'])[data-accent='amber'] {
    --glacier-accent-1: oklch(0.14 0.021 75);
    --glacier-accent-2: oklch(0.17 0.03 75);
    --glacier-accent-3: oklch(0.21 0.048 75);
    --glacier-accent-4: oklch(0.248 0.0675 75);
    --glacier-accent-5: oklch(0.285 0.087 75);
    --glacier-accent-6: oklch(0.33 0.105 75);
    --glacier-accent-7: oklch(0.39 0.1275 75);
    --glacier-accent-8: oklch(0.485 0.15 75);
    --glacier-accent-9: oklch(0.64 0.162 75);
    --glacier-accent-10: oklch(0.7 0.162 75);
    --glacier-accent-11: oklch(0.805 0.1275 75);
    --glacier-accent-12: oklch(0.935 0.063 75);
    --glacier-accent-contrast: oklch(0.22 0.015 260);
  }
}

[data-accent='red'] {
  --glacier-accent-1: oklch(0.993 0.0114 25);
  --glacier-accent-2: oklch(0.981 0.0228 25);
  --glacier-accent-3: oklch(0.96 0.0475 25);
  --glacier-accent-4: oklch(0.936 0.076 25);
  --glacier-accent-5: oklch(0.906 0.1045 25);
  --glacier-accent-6: oklch(0.87 0.133 25);
  --glacier-accent-7: oklch(0.822 0.1615 25);
  --glacier-accent-8: oklch(0.755 0.19 25);
  --glacier-accent-9: oklch(0.627 0.19 25);
  --glacier-accent-10: oklch(0.578 0.19 25);
  --glacier-accent-11: oklch(0.498 0.1615 25);
  --glacier-accent-12: oklch(0.303 0.1045 25);
  --glacier-accent-contrast: oklch(0.995 0 0);
}

[data-theme='dark'][data-accent='red'] {
  --glacier-accent-1: oklch(0.14 0.0266 25);
  --glacier-accent-2: oklch(0.17 0.038 25);
  --glacier-accent-3: oklch(0.21 0.0608 25);
  --glacier-accent-4: oklch(0.248 0.0855 25);
  --glacier-accent-5: oklch(0.285 0.1102 25);
  --glacier-accent-6: oklch(0.33 0.133 25);
  --glacier-accent-7: oklch(0.39 0.1615 25);
  --glacier-accent-8: oklch(0.485 0.19 25);
  --glacier-accent-9: oklch(0.64 0.2052 25);
  --glacier-accent-10: oklch(0.7 0.2052 25);
  --glacier-accent-11: oklch(0.805 0.1615 25);
  --glacier-accent-12: oklch(0.935 0.0798 25);
  --glacier-accent-contrast: oklch(0.995 0 0);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light'])[data-accent='red'] {
    --glacier-accent-1: oklch(0.14 0.0266 25);
    --glacier-accent-2: oklch(0.17 0.038 25);
    --glacier-accent-3: oklch(0.21 0.0608 25);
    --glacier-accent-4: oklch(0.248 0.0855 25);
    --glacier-accent-5: oklch(0.285 0.1102 25);
    --glacier-accent-6: oklch(0.33 0.133 25);
    --glacier-accent-7: oklch(0.39 0.1615 25);
    --glacier-accent-8: oklch(0.485 0.19 25);
    --glacier-accent-9: oklch(0.64 0.2052 25);
    --glacier-accent-10: oklch(0.7 0.2052 25);
    --glacier-accent-11: oklch(0.805 0.1615 25);
    --glacier-accent-12: oklch(0.935 0.0798 25);
    --glacier-accent-contrast: oklch(0.995 0 0);
  }
}

[data-accent='graphite'] {
  --glacier-accent-1: oklch(0.993 0.0007 260);
  --glacier-accent-2: oklch(0.981 0.0014 260);
  --glacier-accent-3: oklch(0.96 0.003 260);
  --glacier-accent-4: oklch(0.936 0.0048 260);
  --glacier-accent-5: oklch(0.906 0.0066 260);
  --glacier-accent-6: oklch(0.87 0.0084 260);
  --glacier-accent-7: oklch(0.822 0.0102 260);
  --glacier-accent-8: oklch(0.755 0.012 260);
  --glacier-accent-9: oklch(0.627 0.012 260);
  --glacier-accent-10: oklch(0.578 0.012 260);
  --glacier-accent-11: oklch(0.498 0.0102 260);
  --glacier-accent-12: oklch(0.303 0.0066 260);
  --glacier-accent-contrast: oklch(0.995 0 0);
}

[data-theme='dark'][data-accent='graphite'] {
  --glacier-accent-1: oklch(0.14 0.0017 260);
  --glacier-accent-2: oklch(0.17 0.0024 260);
  --glacier-accent-3: oklch(0.21 0.0038 260);
  --glacier-accent-4: oklch(0.248 0.0054 260);
  --glacier-accent-5: oklch(0.285 0.007 260);
  --glacier-accent-6: oklch(0.33 0.0084 260);
  --glacier-accent-7: oklch(0.39 0.0102 260);
  --glacier-accent-8: oklch(0.485 0.012 260);
  --glacier-accent-9: oklch(0.64 0.013 260);
  --glacier-accent-10: oklch(0.7 0.013 260);
  --glacier-accent-11: oklch(0.805 0.0102 260);
  --glacier-accent-12: oklch(0.935 0.005 260);
  --glacier-accent-contrast: oklch(0.995 0 0);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light'])[data-accent='graphite'] {
    --glacier-accent-1: oklch(0.14 0.0017 260);
    --glacier-accent-2: oklch(0.17 0.0024 260);
    --glacier-accent-3: oklch(0.21 0.0038 260);
    --glacier-accent-4: oklch(0.248 0.0054 260);
    --glacier-accent-5: oklch(0.285 0.007 260);
    --glacier-accent-6: oklch(0.33 0.0084 260);
    --glacier-accent-7: oklch(0.39 0.0102 260);
    --glacier-accent-8: oklch(0.485 0.012 260);
    --glacier-accent-9: oklch(0.64 0.013 260);
    --glacier-accent-10: oklch(0.7 0.013 260);
    --glacier-accent-11: oklch(0.805 0.0102 260);
    --glacier-accent-12: oklch(0.935 0.005 260);
    --glacier-accent-contrast: oklch(0.995 0 0);
  }
}

/* Pickable fonts - data-font swaps the sans family (default inter is the :root value) */

[data-font='noto'] {
  --glacier-font-sans: 'Noto Sans Variable', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
}

[data-font='plex'] {
  --glacier-font-sans: 'IBM Plex Sans', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
}

/* Pickable mono - data-mono swaps the mono family (default jetbrains is the :root value) */

[data-mono='plex'] {
  --glacier-font-mono: 'IBM Plex Mono', ui-monospace, 'SF Mono', SFMono-Regular, Menlo, monospace;
}

/* Pickable density - data-density selects a shared space and control scale */

[data-density='extra-compact'] {
  --glacier-control-height-sm: 1.625rem;
  --glacier-control-height-md: 2rem;
  --glacier-control-height-lg: 2.5rem;
  --glacier-density-scale: 0.65;
}

[data-density='compact'] {
  --glacier-control-height-sm: 1.875rem;
  --glacier-control-height-md: 2.25rem;
  --glacier-control-height-lg: 2.75rem;
  --glacier-density-scale: 0.8;
}

[data-density='spacious'] {
  --glacier-control-height-sm: 2.375rem;
  --glacier-control-height-md: 2.875rem;
  --glacier-control-height-lg: 3.375rem;
  --glacier-density-scale: 1.2;
}

[data-density='more-space'] {
  --glacier-control-height-sm: 2.5rem;
  --glacier-control-height-md: 3rem;
  --glacier-control-height-lg: 3.5rem;
  --glacier-density-scale: 1.35;
}

/* Reduced motion */

@media (prefers-reduced-motion: reduce) {
  :root {
    --glacier-duration-instant: 0.01ms;
    --glacier-duration-fast: 0.01ms;
    --glacier-duration-normal: 0.01ms;
    --glacier-duration-slow: 0.01ms;
    --glacier-duration-slower: 0.01ms;
    --glacier-stagger-step: 0.01ms;
  }
}