/* Theme "glow" (Night Glow) from ../../../design_lab/design-system/tokens/glow.json. Generated by @tayari/theming; do not edit. Regenerate: pnpm --filter @tayari/theming theming css <config> */
[data-theme="glow"] {
  --color-text-on-accent: #0F1030;
  --border-width-hairline: 1px;
  --focus-ring-width: 3px;
  --radius-control: 20px;
  --radius-card: 24px;
  --radius-pill: 999px;
  --font-display: Fraunces, "Iowan Old Style", Georgia, serif;
  --font-body: Figtree, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --font-display-weight: 580;
  --font-display-stretch: 100%;
  --font-display-tracking: -0.05rem;
  --font-display-settings: "SOFT" 100, "WONK" 1;
  --font-display-case: none;
  --font-size-xs: 0.8125rem;
  --font-size-sm: 0.9375rem;
  --font-size-base: 1.0625rem;
  --font-size-lg: 1.1875rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 2rem;
  --font-size-4xl: 2.75rem;
  --font-size-display: 3.5rem;
  --line-height-tight: 1.02;
  --line-height-heading: 1.12;
  --line-height-body: 1.6;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --size-control: 44px;
  --size-content: 1200px;
  --select-chevron-inset: 14px;
  --select-chevron-size: 16px;
  --motion-duration-fast: 160ms;
  --motion-duration-base: 260ms;
  --motion-duration-slow: 420ms;
  --motion-duration-reveal: 900ms;
  --motion-ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --motion-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --motion-ease-in: cubic-bezier(0.4, 0, 1, 1);
  --motion-ease-emphasis: cubic-bezier(0.16, 1, 0.3, 1);
  --motion-spring: linear(0, 0.0082, 0.0304, 0.0639, 0.1059, 0.1542, 0.2068, 0.2623, 0.319, 0.376, 0.4323, 0.4871, 0.5398, 0.59, 0.6373, 0.6816, 0.7227, 0.7605, 0.7951, 0.8266, 0.8549, 0.8803, 0.9028, 0.9227, 0.9401, 0.9553, 0.9683, 0.9794, 0.9888, 0.9966, 1.0031, 1.0082, 1.0123, 1.0155, 1.0178, 1.0194, 1.0204, 1.0209, 1.021, 1.0207, 1.0201, 1.0194, 1.0184, 1.0174, 1.0163, 1.0151, 1.0139, 1.0127, 1.0115, 1.0104, 1.0093, 1.0083, 1.0073, 1.0064, 1.0056, 1.0048, 1.0041, 1.0034, 1.0029, 1.0024, 1.0019, 1.0015, 1.0012, 1);
  --motion-spring-duration: 760ms;
  --motion-distance: 18px;
  --motion-stagger: 80ms;
  --shape-border-width: 1.5px;
  --shape-tilt: 0deg;
  --shadow-offset: 0px;
  --shadow-color: transparent;
  --motion-press-scale: 0.97;
  --texture-size: 180px;
  --glow-duration-ambient: 48000ms;
  --glow-duration-bloom: 1100ms;
  --glow-duration-shimmer: 1100ms;
  --glow-ease-drift: cubic-bezier(0.45, 0, 0.55, 1);
  --wheel-spin-duration: 5200ms;
  --wheel-spin-easing: cubic-bezier(0.12, 0.9, 0.18, 1);
  --wheel-colors: 8;
  --wheel-pointer-stiffness: 260;
  --wheel-pointer-damping: 13;
}

[data-theme="glow"][data-mode="light"] {
  color-scheme: light;
  --color-canvas: #F3F2F8;
  --color-sunken: #E8E7F1;
  --color-surface: #FAFAFD;
  --color-raised: #FFFFFF;
  --color-inverse: #14153A;
  --color-scrim: rgb(15 16 48 / 0.42);
  --color-text: #14153A;
  --color-text-secondary: #3C3E68;
  --color-text-muted: #555781;
  --color-text-on-brand: #FFFFFF;
  --color-text-inverse: #F3F2F8;
  --color-link: #0A6A5D;
  --color-brand: #0B6E61;
  --color-brand-hover: #085A50;
  --color-brand-soft: color-mix(in srgb, #0B6E61 16%, #FAFAFD);
  --color-accent: #BFE852;
  --color-palette-1: #3FDCBC;
  --color-palette-2: #FFB84F;
  --color-palette-3: #88D4F8;
  --color-palette-4: #BFE852;
  --color-palette-5: #FF9677;
  --color-palette-6: #70E399;
  --color-palette-7: #FFD670;
  --color-palette-8: #A6EBD9;
  --color-success: #16703F;
  --color-success-soft: #E2F4E8;
  --color-warning: #7F4D00;
  --color-warning-soft: #FAEED8;
  --color-danger: #B1203A;
  --color-danger-soft: #FBE4E8;
  --color-info: #1D58A3;
  --color-info-soft: #E2ECFA;
  --color-border: #C9C8DD;
  --color-border-subtle: #DFDEEC;
  --color-border-strong: #7D7CA3;
  --color-focus: #4A7200;
  --shadow-1: inset 0px 1px 0px 0px rgb(255 255 255 / 0.9), 0px 1px 2px 0px rgb(20 21 58 / 0.08), 0px 2px 6px 0px rgb(20 21 58 / 0.06);
  --shadow-2: inset 0px 1px 0px 0px rgb(255 255 255 / 0.9), 0px 6px 16px -4px rgb(20 21 58 / 0.12), 0px 2px 4px 0px rgb(20 21 58 / 0.06);
  --shadow-3: inset 0px 1px 0px 0px rgb(255 255 255 / 0.9), 0px 32px 64px -16px rgb(20 21 58 / 0.22), 0px 12px 24px -8px rgb(20 21 58 / 0.1);
  --shadow-inset: inset 0px 1px 0px 0px rgb(255 255 255 / 0.9);
  --shadow-glow: 0px 0px 0px 1px rgb(11 110 97 / 0.25), 0px 8px 24px -6px rgb(11 110 97 / 0.32);
  --texture: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.025 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  --glow-teal: rgb(11 110 97 / 0.28);
  --glow-lime: rgb(76 105 0 / 0.24);
  --glow-amber: rgb(148 81 0 / 0.24);
  --glow-aurora-teal: #0A7466;
  --glow-aurora-lime: #4C6900;
  --glow-aurora-amber: #945100;
  --glow-aurora: #0A7466 0%, #4C6900 55%, #945100 100%;
  --glow-glass: rgb(255 255 255 / 0.66);
  --glow-surface-3: #ECEBF6;
  --glow-shadow-deep: 0px 32px 64px -16px rgb(20 21 58 / 0.22), 0px 12px 24px -8px rgb(20 21 58 / 0.1);
  --glow-shadow-lime: 0px 0px 0px 1px rgb(76 105 0 / 0.28), 0px 8px 22px -6px rgb(76 105 0 / 0.26);
  --glow-stars-opacity: 0;
}

[data-theme="glow"][data-mode="dark"] {
  color-scheme: dark;
  --color-canvas: #0F1030;
  --color-sunken: #0A0B26;
  --color-surface: #16183F;
  --color-raised: #1D204E;
  --color-inverse: #F4F3FC;
  --color-scrim: rgb(6 7 26 / 0.72);
  --color-text: #F4F3FC;
  --color-text-secondary: #C7C9EA;
  --color-text-muted: #A3A6D3;
  --color-text-on-brand: #0B0C2A;
  --color-text-inverse: #0F1030;
  --color-link: #7FF3DC;
  --color-brand: #3FE6C5;
  --color-brand-hover: #79F1DA;
  --color-brand-soft: color-mix(in srgb, #3FE6C5 16%, #16183F);
  --color-accent: #CBF35E;
  --color-palette-1: #45E8C8;
  --color-palette-2: #FFC163;
  --color-palette-3: #93DEFF;
  --color-palette-4: #CBF35E;
  --color-palette-5: #FF9E80;
  --color-palette-6: #7CEFA6;
  --color-palette-7: #FFE08A;
  --color-palette-8: #B4F2E3;
  --color-success: #66E7A8;
  --color-success-soft: #0F3436;
  --color-warning: #FFCB66;
  --color-warning-soft: #3A2D14;
  --color-danger: #FF8D9D;
  --color-danger-soft: #3F1631;
  --color-info: #95D5FF;
  --color-info-soft: #152E5E;
  --color-border: #3A3F84;
  --color-border-subtle: #282C64;
  --color-border-strong: #7177BE;
  --color-focus: #CBF35E;
  --shadow-1: inset 0px 1px 0px 0px rgb(255 255 255 / 0.09), 0px 1px 2px 0px rgb(4 5 20 / 0.5), 0px 2px 6px 0px rgb(4 5 20 / 0.35);
  --shadow-2: inset 0px 1px 0px 0px rgb(255 255 255 / 0.09), 0px 4px 12px 0px rgb(4 5 20 / 0.45), 0px 1px 3px 0px rgb(4 5 20 / 0.4);
  --shadow-3: inset 0px 1px 0px 0px rgb(255 255 255 / 0.09), 0px 28px 60px -12px rgb(3 4 16 / 0.72), 0px 10px 24px -6px rgb(3 4 16 / 0.45);
  --shadow-inset: inset 0px 1px 0px 0px rgb(255 255 255 / 0.09);
  --shadow-glow: 0px 0px 0px 1px rgb(69 232 200 / 0.35), 0px 0px 24px 0px rgb(69 232 200 / 0.32), 0px 0px 64px 0px rgb(69 232 200 / 0.16);
  --texture: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.04 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  --glow-teal: rgb(69 232 200 / 0.38);
  --glow-lime: rgb(203 243 94 / 0.34);
  --glow-amber: rgb(255 193 99 / 0.34);
  --glow-aurora-teal: #45E8C8;
  --glow-aurora-lime: #CBF35E;
  --glow-aurora-amber: #FFC163;
  --glow-aurora: #45E8C8 0%, #CBF35E 55%, #FFC163 100%;
  --glow-glass: rgb(29 32 78 / 0.62);
  --glow-surface-3: #272B62;
  --glow-shadow-deep: 0px 28px 60px -12px rgb(3 4 16 / 0.72), 0px 10px 24px -6px rgb(3 4 16 / 0.45);
  --glow-shadow-lime: 0px 0px 0px 1px rgb(203 243 94 / 0.4), 0px 0px 22px 0px rgb(203 243 94 / 0.3);
  --glow-stars-opacity: 0.5;
}