:root[data-cut="day"] {
--star-neutral-50: #fbf5e6;
--star-neutral-100: #f5eedd;
--star-neutral-200: #f1e9d6;
--star-neutral-300: #efe6ce;
--star-neutral-400: #c9bda0;
--star-neutral-500: #8a7c60;
--star-neutral-600: #6b5f4a;
--star-neutral-700: #4f4536;
--star-neutral-800: #3a3226;
--star-neutral-900: #2b2418;
--star-accent-50: #faebdf;
--star-accent-100: #f8dfcf;
--star-accent-200: #f3c5b0;
--star-accent-300: #eda98d;
--star-accent-400: #e78d69;
--star-accent-500: #dd5a2a;
--star-accent-600: #bd4d23;
--star-accent-700: #993e1c;
--star-accent-800: #763015;
--star-accent-900: #58230e;
--star-bg-on: #2b2418;
--star-surface-on: #2b2418;
--star-surface-raised-on: #2b2418;
--star-surface-sunken-on: #2b2418;
--star-chart-1: #b0431b;
--star-chart-2: #56695e;
--star-chart-3: #8a6508;
--star-chart-4: #8c5570;
--star-chart-5: #3a3226;
--star-sidebar: #f1e9d6;
--star-sidebar-on: #2b2418;
--star-font-heading: "Fraunces", Georgia, "Times New Roman", serif;
--star-bg: #f5eedd;
--starplane-bg-base: #f5eedd;
--star-surface: #f1e9d6;
--starplane-bg-surface: #f1e9d6;
--star-surface-raised: #fbf5e6;
--starplane-bg-elevated: #fbf5e6;
--star-surface-sunken: #efe6ce;
--starplane-bg-base-2: #efe6ce;
--star-overlay: rgba(43, 36, 24, 0.35);
--starplane-scrim: rgba(43, 36, 24, 0.35);
--star-text: #2b2418;
--starplane-text-primary: #2b2418;
--star-text-muted: #6b5f4a;
--starplane-text-muted: #6b5f4a;
--star-text-inverse: #f0e6d2;
--starplane-text-on-accent: #f0e6d2;
--star-text-secondary: #4f4536;
--starplane-text-secondary: #4f4536;
--star-text-tertiary: #8a7c60;
--starplane-text-tertiary: #8a7c60;
--star-accent: #d6541f;
--starplane-accent: #d6541f;
--star-accent-hover: #dd5a2a;
--starplane-accent-hover: #dd5a2a;
--star-accent-on: #fbf5e6;
--starplane-accent-on: #fbf5e6;
--star-accent-cta: #b0431b;
--starplane-accent-cta: #b0431b;
--star-border: #c9bda0;
--starplane-border: #c9bda0;
--star-border-strong: #3a3226;
--starplane-border-strong: #3a3226;
--star-focus-ring: #b0431b;
--starplane-accent-ring: #b0431b;
--star-danger: #a83c1a;
--starplane-danger: #a83c1a;
--star-warn: #b8860b;
--starplane-warn: #b8860b;
--star-ok: #7e9186;
--starplane-ok: #7e9186;
--star-info: #8a6f3f;
--starplane-info: #8a6f3f;
--star-shadow-1: 2px 2px 0 rgba(43, 36, 24, 0.10);
--starplane-shadow-sm: 2px 2px 0 rgba(43, 36, 24, 0.10);
--star-shadow-2: 3px 3px 0 rgba(43, 36, 24, 0.16);
--starplane-shadow-panel: 3px 3px 0 rgba(43, 36, 24, 0.16);
--star-shadow-3: 3px 3px 0 rgba(43, 36, 24, 0.16), 7px 7px 0 rgba(43, 36, 24, 0.10);
--starplane-shadow-lg: 3px 3px 0 rgba(43, 36, 24, 0.16), 7px 7px 0 rgba(43, 36, 24, 0.10);
--star-radius-window: 0px;
--starplane-radius-lg: 0px;
--star-radius-control: 0px;
--starplane-radius: 0px;
--star-radius-sm: 0px;
--starplane-radius-sm: 0px;
--star-space-1: 4px;
--starplane-space-1: 4px;
--star-space-2: 8px;
--starplane-space-2: 8px;
--star-space-3: 12px;
--starplane-space-3: 12px;
--star-space-4: 16px;
--starplane-space-4: 16px;
--star-space-5: 24px;
--starplane-space-5: 24px;
--star-space-6: 32px;
--starplane-space-6: 32px;
--star-font-ui: "Space Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
--starplane-font: "Space Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
--star-font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;
--starplane-font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;
--star-font-display: "Fraunces", Georgia, "Times New Roman", serif;
--starplane-font-display: "Fraunces", Georgia, "Times New Roman", serif;
--star-text-xs: 11px;
--star-text-sm: 12.5px;
--star-text-base: 13.5px;
--star-text-lg: 16px;
--star-text-xl: 19px;
--star-dur-fast: 0.12s;
--starplane-dur-fast: 0.12s;
--star-dur-base: 0.24s;
--starplane-dur: 0.24s;
--star-dur-slow: 0.48s;
--starplane-dur-slow: 0.48s;
--star-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
--starplane-ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
--star-legend-font: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;
--star-legend-transform: uppercase;
--star-legend-tracking: 0.14em;
--star-legend-weight: 500;
--star-tracking-tight: -0.01em;
--star-accent-soft: #f7e2cf;
--starplane-accent-soft: #f7e2cf;
--star-accent-strong: #b0431b;
--starplane-accent-strong: #b0431b;
--star-accent-tint: color-mix(in srgb, #d6541f 8%, transparent);
--starplane-accent-tint: color-mix(in srgb, #d6541f 8%, transparent);
--star-ok-soft: #ece9da;
--star-ok-ink: #56695e;
--star-warn-soft: #f6ecd4;
--star-warn-ink: #8a6508;
--star-danger-soft: #f1dfce;
--star-danger-ink: #a83c1a;
--star-info-soft: #ede5d2;
--star-info-ink: #7a6135;
--star-leading-tight: 1.2;
--star-leading-normal: 1.5;
--star-leading-relaxed: 1.7;
--star-weight-normal: 400;
--star-weight-medium: 500;
--star-weight-semibold: 600;
--star-weight-bold: 700;
--star-text-2xl: 24px;
--star-text-3xl: 32px;
--star-space-7: 40px;
--star-space-8: 32px;
--starplane-space-8: 32px;
--star-radius-xs: 0px;
--star-radius-md: 0px;
--star-radius-pill: 0px;
--star-text-2xs: 10px;
--star-text-4xl: 40px;
--star-text-5xl: 56px;
--star-space-9: 48px;
--star-space-10: 64px;
--star-space-11: 96px;
--star-space-12: 128px;
--star-space-half: 2px;
--star-space-dense: 6px;
--star-period-pulse: 1.6s;
--star-period-drift: 8s;
--star-ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
--star-ease-spring: cubic-bezier(0.16, 1, 0.3, 1);
--starplane-ease-spring: cubic-bezier(0.16, 1, 0.3, 1);
--starplane-bg-hover: color-mix(in srgb, #2b2418 5%, transparent);
--starplane-border-subtle: #ddd2b6;
--starplane-divider: #ddd2b6;
--starplane-radius-full: 0px;
--starplane-shadow-ambient: 3px 3px 0 rgba(43, 36, 24, 0.16);
--starplane-ease-focus: cubic-bezier(0.22, 0.61, 0.36, 1);
--starplane-panel-bg: #fbf5e6;
--starplane-panel-border: #c9bda0;
--starplane-z-hud: 50;
--starplane-overlay-z: 100;
--starplane-critical: #a83c1a;
--starplane-danger-ring: #a83c1a;
--star-gradient-hero: linear-gradient(to bottom, var(--star-accent-400) 0%, color-mix(in srgb, var(--star-accent-700) 55%, transparent) 100%);
--star-gradient-accent: linear-gradient(to right, var(--star-accent-300) 0%, var(--star-accent-600) 100%);
--star-gradient-scene-1: radial-gradient(circle at center, color-mix(in srgb, var(--star-accent-200) 70%, transparent) 0%, var(--star-surface-sunken) 100%);
--star-gradient-scene-2: linear-gradient(to top right, color-mix(in srgb, var(--star-accent-500) 60%, transparent) 0%, var(--star-surface) 100%);
--star-gradient-scene-3: conic-gradient(from 0deg at center, var(--star-accent-400) 0%, var(--star-accent-800) 100%);
--star-os-area-sales: #5f7d8c;
--star-os-area-marketing: #b04a3a;
--star-os-area-design: #7e9186;
--star-os-area-product: #b0813a;
--star-os-area-code: #8c6a7e;
--star-os-area-ops: #8a6f4e;
--star-os-area-team: #5a7a63;
--star-os-dur-unfold: 720ms;
--star-os-desktop: #e0d5b8;
--star-os-tab: #e8ddc1;
--star-os-fill: #3a3226;
--star-os-cast: rgba(43, 36, 24, 0.10);
--star-os-cast-strong: rgba(43, 36, 24, 0.16);
}
:root[data-cut="day"] {
--star-os-desktop: color-mix(in oklab, var(--star-bg) 89%, var(--star-text) 11%);
--star-os-tab: color-mix(in oklab, var(--star-surface) 95%, var(--star-text) 5%);
--star-os-cast: color-mix(in srgb, var(--star-text) 10%, transparent);
--star-os-cast-strong: color-mix(in srgb, var(--star-text) 16%, transparent);
--star-os-fill: color-mix(in oklab, var(--star-text) 92%, var(--star-bg) 8%);
--star-text-tertiary: color-mix(in oklab, var(--star-text-muted) 78%, var(--star-bg) 22%);
--star-chart-1: var(--star-accent-cta);
--star-chart-2: var(--star-ok-ink);
--star-chart-3: var(--star-warn-ink);
--star-chart-4: color-mix(in oklab, var(--star-info-ink) 60%, var(--star-text) 40%);
--star-chart-5: color-mix(in oklab, var(--star-text) 92%, var(--star-bg) 8%);
--area-1: var(--star-chart-1);
--area-2: var(--star-chart-2);
--area-3: var(--star-chart-3);
--area-4: var(--star-chart-4);
--area-5: var(--star-chart-5);
--area-6: color-mix(in oklab, var(--star-chart-1) 50%, var(--star-chart-3) 50%);
--area-7: color-mix(in oklab, var(--star-chart-2) 50%, var(--star-chart-4) 50%);
}
:root[data-cut="night"] {
--star-neutral-50: #f0e6d2;
--star-neutral-100: #cfc2a4;
--star-neutral-200: #8a7a5c;
--star-neutral-300: #756442;
--star-neutral-400: #4a3d28;
--star-neutral-500: #382e1c;
--star-neutral-600: #2e2517;
--star-neutral-700: #241c11;
--star-neutral-800: #1b1509;
--star-neutral-900: #100c07;
--star-accent-50: #fdedde;
--star-accent-100: #fde1cd;
--star-accent-200: #fecbab;
--star-accent-300: #feb185;
--star-accent-400: #fe975e;
--star-accent-500: #ff6a1a;
--star-accent-600: #d95a16;
--star-accent-700: #ae4812;
--star-accent-800: #84360e;
--star-accent-900: #60270a;
--star-bg-on: #f0e6d2;
--star-surface-on: #f0e6d2;
--star-surface-raised-on: #f0e6d2;
--star-surface-sunken-on: #f0e6d2;
--star-chart-1: #ff6a1a;
--star-chart-2: #8fa596;
--star-chart-3: #c9982a;
--star-chart-4: #cfc2a4;
--star-chart-5: #e05a2e;
--star-sidebar: #100c07;
--star-sidebar-on: #f0e6d2;
--star-font-heading: "Fraunces", Georgia, "Times New Roman", serif;
--star-bg: #14100a;
--starplane-bg-base: #14100a;
--star-surface: #14100a;
--starplane-bg-surface: #14100a;
--star-surface-raised: #1b1509;
--starplane-bg-elevated: #1b1509;
--star-surface-sunken: #100c07;
--starplane-bg-base-2: #100c07;
--star-overlay: rgba(10, 8, 6, 0.55);
--starplane-scrim: rgba(10, 8, 6, 0.55);
--star-text: #f0e6d2;
--starplane-text-primary: #f0e6d2;
--star-text-muted: #cfc2a4;
--starplane-text-muted: #cfc2a4;
--star-text-inverse: #2b2418;
--starplane-text-on-accent: #2b2418;
--star-text-secondary: #ded1b4;
--starplane-text-secondary: #ded1b4;
--star-text-tertiary: #8a7a5c;
--starplane-text-tertiary: #8a7a5c;
--star-accent: #ff6a1a;
--starplane-accent: #ff6a1a;
--star-accent-hover: #fe975e;
--starplane-accent-hover: #fe975e;
--star-accent-on: #0a0806;
--starplane-accent-on: #0a0806;
--star-accent-cta: #ff6a1a;
--starplane-accent-cta: #ff6a1a;
--star-border: #2e2517;
--starplane-border: #2e2517;
--star-border-strong: #756442;
--starplane-border-strong: #756442;
--star-focus-ring: #ff6a1a;
--starplane-accent-ring: #ff6a1a;
--star-danger: #d4491f;
--starplane-danger: #d4491f;
--star-warn: #c9982a;
--starplane-warn: #c9982a;
--star-ok: #7e9186;
--starplane-ok: #7e9186;
--star-info: #a8853f;
--starplane-info: #a8853f;
--star-shadow-1: 2px 2px 0 rgba(10, 8, 6, 0.40);
--starplane-shadow-sm: 2px 2px 0 rgba(10, 8, 6, 0.40);
--star-shadow-2: 3px 3px 0 rgba(10, 8, 6, 0.55);
--starplane-shadow-panel: 3px 3px 0 rgba(10, 8, 6, 0.55);
--star-shadow-3: 3px 3px 0 rgba(10, 8, 6, 0.55), 7px 7px 0 rgba(10, 8, 6, 0.40);
--starplane-shadow-lg: 3px 3px 0 rgba(10, 8, 6, 0.55), 7px 7px 0 rgba(10, 8, 6, 0.40);
--star-radius-window: 0px;
--starplane-radius-lg: 0px;
--star-radius-control: 0px;
--starplane-radius: 0px;
--star-radius-sm: 0px;
--starplane-radius-sm: 0px;
--star-space-1: 4px;
--starplane-space-1: 4px;
--star-space-2: 8px;
--starplane-space-2: 8px;
--star-space-3: 12px;
--starplane-space-3: 12px;
--star-space-4: 16px;
--starplane-space-4: 16px;
--star-space-5: 24px;
--starplane-space-5: 24px;
--star-space-6: 32px;
--starplane-space-6: 32px;
--star-font-ui: "Space Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
--starplane-font: "Space Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
--star-font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;
--starplane-font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;
--star-font-display: "Fraunces", Georgia, "Times New Roman", serif;
--starplane-font-display: "Fraunces", Georgia, "Times New Roman", serif;
--star-text-xs: 11px;
--star-text-sm: 12.5px;
--star-text-base: 13.5px;
--star-text-lg: 16px;
--star-text-xl: 19px;
--star-dur-fast: 0.12s;
--starplane-dur-fast: 0.12s;
--star-dur-base: 0.24s;
--starplane-dur: 0.24s;
--star-dur-slow: 0.48s;
--starplane-dur-slow: 0.48s;
--star-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
--starplane-ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
--star-legend-font: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;
--star-legend-transform: uppercase;
--star-legend-tracking: 0.14em;
--star-legend-weight: 500;
--star-tracking-tight: -0.01em;
--star-accent-soft: #3f230c;
--starplane-accent-soft: #3f230c;
--star-accent-strong: #ff6a1a;
--starplane-accent-strong: #ff6a1a;
--star-accent-tint: color-mix(in srgb, #ff6a1a 10%, transparent);
--starplane-accent-tint: color-mix(in srgb, #ff6a1a 10%, transparent);
--star-ok-soft: #2b291d;
--star-ok-ink: #8fa596;
--star-warn-soft: #372a0e;
--star-warn-ink: #c9982a;
--star-danger-soft: #2a190b;
--star-danger-ink: #e05a2e;
--star-info-soft: #322712;
--star-info-ink: #b8914a;
--star-leading-tight: 1.2;
--star-leading-normal: 1.5;
--star-leading-relaxed: 1.7;
--star-weight-normal: 400;
--star-weight-medium: 500;
--star-weight-semibold: 600;
--star-weight-bold: 700;
--star-text-2xl: 24px;
--star-text-3xl: 32px;
--star-space-7: 40px;
--star-space-8: 32px;
--starplane-space-8: 32px;
--star-radius-xs: 0px;
--star-radius-md: 0px;
--star-radius-pill: 0px;
--star-text-2xs: 10px;
--star-text-4xl: 40px;
--star-text-5xl: 56px;
--star-space-9: 48px;
--star-space-10: 64px;
--star-space-11: 96px;
--star-space-12: 128px;
--star-space-half: 2px;
--star-space-dense: 6px;
--star-period-pulse: 1.6s;
--star-period-drift: 8s;
--star-ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
--star-ease-spring: cubic-bezier(0.16, 1, 0.3, 1);
--starplane-ease-spring: cubic-bezier(0.16, 1, 0.3, 1);
--starplane-bg-hover: color-mix(in srgb, #f0e6d2 6%, transparent);
--starplane-border-subtle: #241c11;
--starplane-divider: #241c11;
--starplane-radius-full: 0px;
--starplane-shadow-ambient: 3px 3px 0 rgba(10, 8, 6, 0.55);
--starplane-ease-focus: cubic-bezier(0.22, 0.61, 0.36, 1);
--starplane-panel-bg: #1b1509;
--starplane-panel-border: #2e2517;
--starplane-z-hud: 50;
--starplane-overlay-z: 100;
--starplane-critical: #d4491f;
--starplane-danger-ring: #d4491f;
--star-gradient-hero: linear-gradient(to bottom, var(--star-accent-400) 0%, color-mix(in srgb, var(--star-accent-700) 55%, transparent) 100%);
--star-gradient-accent: linear-gradient(to right, var(--star-accent-300) 0%, var(--star-accent-600) 100%);
--star-gradient-scene-1: radial-gradient(circle at center, color-mix(in srgb, var(--star-accent-200) 70%, transparent) 0%, var(--star-surface-sunken) 100%);
--star-gradient-scene-2: linear-gradient(to top right, color-mix(in srgb, var(--star-accent-500) 60%, transparent) 0%, var(--star-surface) 100%);
--star-gradient-scene-3: conic-gradient(from 0deg at center, var(--star-accent-400) 0%, var(--star-accent-800) 100%);
--star-os-area-sales: #5f7d8c;
--star-os-area-marketing: #b04a3a;
--star-os-area-design: #7e9186;
--star-os-area-product: #b0813a;
--star-os-area-code: #8c6a7e;
--star-os-area-ops: #8a6f4e;
--star-os-area-team: #5a7a63;
--star-os-dur-unfold: 720ms;
--star-os-desktop: #0a0806;
--star-os-tab: #0f0b07;
--star-os-fill: #c9b98f;
--star-os-cast: rgba(10, 8, 6, 0.40);
--star-os-cast-strong: rgba(10, 8, 6, 0.55);
}
:root[data-cut="night"] {
--star-os-desktop: var(--star-surface-sunken);
--star-os-tab: color-mix(in oklab, var(--star-bg) 45%, var(--star-surface-sunken) 55%);
--star-os-cast: color-mix(in srgb, var(--star-surface-sunken) 40%, transparent);
--star-os-cast-strong: color-mix(in srgb, var(--star-surface-sunken) 55%, transparent);
--star-os-fill: color-mix(in oklab, var(--star-text-muted) 96%, var(--star-bg) 4%);
--star-text-tertiary: color-mix(in oklab, var(--star-text-muted) 64%, var(--star-bg) 36%);
--star-chart-1: var(--star-accent-cta);
--star-chart-2: var(--star-ok-ink);
--star-chart-3: var(--star-warn-ink);
--star-chart-4: color-mix(in oklab, var(--star-info-ink) 60%, var(--star-text) 40%);
--star-chart-5: color-mix(in oklab, var(--star-text) 92%, var(--star-bg) 8%);
--area-1: var(--star-chart-1);
--area-2: var(--star-chart-2);
--area-3: var(--star-chart-3);
--area-4: var(--star-chart-4);
--area-5: var(--star-chart-5);
--area-6: color-mix(in oklab, var(--star-chart-1) 50%, var(--star-chart-3) 50%);
--area-7: color-mix(in oklab, var(--star-chart-2) 50%, var(--star-chart-4) 50%);
}