/* attractor design system v1.0 */
/* Generated from the published Figma library. Do not hand-edit. */
/* 332 semantic tokens, 2 themes, 4 typography modes. */

/* ---------- scale ---------- */
:root {
  --border-hairline: 1px;
  --border-rule: 1.5px;
  --border-strong: 2px;
  --border-focus: 2px;
  --breakpoint-sm: 640px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 1024px;
  --breakpoint-xl: 1280px;
  --breakpoint-2xl: 1536px;
  --measure-text: 720px;
  --measure-panel: 520px;
  --measure-container: 1220px;
  --radius-none: 0px;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-2xl: 20px;
  --radius-3xl: 28px;
  --radius-full: 999px;
  --space-none: 0px;
  --space-3xs: 2px;
  --space-2xs: 4px;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 20px;
  --space-xl: 24px;
  --space-2xl: 32px;
  --space-3xl: 40px;
  --space-4xl: 48px;
  --space-5xl: 64px;
  --space-6xl: 80px;
  --space-7xl: 96px;
  --space-8xl: 128px;
  --size-control-sm: 32px;
  --size-control-md: 40px;
  --size-control-lg: 48px;
  --size-icon-sm: 16px;
  --size-icon-md: 20px;
  --size-icon-lg: 24px;
  --size-icon-stroke: 1.5px;
  --size-touch-min: 44px;
  --shadow-button-y-rest: 4px;
  --shadow-button-blur-rest: 14px;
  --shadow-button-y-hover: 8px;
  --shadow-button-blur-hover: 26px;
  --shadow-button-y-pressed: 1px;
  --shadow-button-blur-pressed: 6px;
  --shadow-card-y-rest: 2px;
  --shadow-card-blur-rest: 10px;
  --shadow-card-y-hover: 8px;
  --shadow-card-blur-hover: 24px;
  --shadow-toast-y: 12px;
  --shadow-toast-blur: 32px;
  --motion-duration-instant: 120ms;
  --motion-duration-base: 260ms;
  --motion-duration-slow: 420ms;
  --motion-duration-shine: 650ms;
  --motion-ease: cubic-bezier(.16, .84, .24, 1);
}

/* ---------- typography: web / latin (default) ---------- */
:root {
  --font-family-sans: Manrope;
  --font-family-mono: DM Mono;
  --font-family-label: DM Mono;
  --font-size-display: 132px;
  --font-size-h1: 68px;
  --font-size-h2: 52px;
  --font-size-h3: 40px;
  --font-size-h4: 31px;
  --font-size-h5: 24px;
  --font-size-h6: 19px;
  --font-size-lead: 27px;
  --font-size-body: 17px;
  --font-size-body-sm: 15px;
  --font-size-ui: 15px;
  --font-size-ui-sm: 13px;
  --font-size-metric: 72px;
  --font-size-metric-sm: 38px;
  --font-size-number: 19px;
  --font-size-label: 11px;
  --font-size-micro: 10px;
  --font-leading-display: 119px;
  --font-leading-h1: 68px;
  --font-leading-h2: 58px;
  --font-leading-h3: 46px;
  --font-leading-h4: 38px;
  --font-leading-h5: 30px;
  --font-leading-h6: 26px;
  --font-leading-lead: 38px;
  --font-leading-body: 28px;
  --font-leading-body-sm: 22px;
  --font-leading-ui: 20px;
  --font-leading-ui-sm: 18px;
  --font-leading-metric: 72px;
  --font-leading-metric-sm: 44px;
  --font-leading-number: 26px;
  --font-leading-label: 16px;
  --font-leading-micro: 14px;
  --font-tracking-display: -7.26px;
  --font-tracking-h1: -2.72px;
  --font-tracking-h2: -1.82px;
  --font-tracking-h3: -1.2px;
  --font-tracking-h4: -0.775px;
  --font-tracking-h5: -0.48px;
  --font-tracking-h6: -0.285px;
  --font-tracking-lead: -0.405px;
  --font-tracking-body: 0.0px;
  --font-tracking-body-sm: 0.0px;
  --font-tracking-ui: -0.15px;
  --font-tracking-ui-sm: -0.065px;
  --font-tracking-metric: 0.0px;
  --font-tracking-metric-sm: 0.0px;
  --font-tracking-number: 0.0px;
  --font-tracking-label: 1.76px;
  --font-tracking-micro: 1.6px;
  --font-weight-light: Light;
  --font-weight-regular: Regular;
  --font-weight-medium: Medium;
  --font-weight-semibold: SemiBold;
  --font-weight-bold: Bold;
  --font-weight-extrabold: ExtraBold;
}

/* ---------- typography: web / arabic ---------- */
[dir="rtl"] {
  --font-family-sans: Alexandria;
  --font-family-mono: DM Mono;
  --font-family-label: Alexandria;
  --font-size-display: 132px;
  --font-size-h1: 68px;
  --font-size-h2: 52px;
  --font-size-h3: 40px;
  --font-size-h4: 31px;
  --font-size-h5: 24px;
  --font-size-h6: 19px;
  --font-size-lead: 27px;
  --font-size-body: 17px;
  --font-size-body-sm: 15px;
  --font-size-ui: 15px;
  --font-size-ui-sm: 13px;
  --font-size-metric: 72px;
  --font-size-metric-sm: 38px;
  --font-size-number: 19px;
  --font-size-label: 11px;
  --font-size-micro: 10px;
  --font-leading-display: 152px;
  --font-leading-h1: 88px;
  --font-leading-h2: 68px;
  --font-leading-h3: 54px;
  --font-leading-h4: 44px;
  --font-leading-h5: 34px;
  --font-leading-h6: 30px;
  --font-leading-lead: 42px;
  --font-leading-body: 32px;
  --font-leading-body-sm: 26px;
  --font-leading-ui: 26px;
  --font-leading-ui-sm: 22px;
  --font-leading-metric: 72px;
  --font-leading-metric-sm: 44px;
  --font-leading-number: 26px;
  --font-leading-label: 18px;
  --font-leading-micro: 16px;
  --font-tracking-display: 0px;
  --font-tracking-h1: 0px;
  --font-tracking-h2: 0px;
  --font-tracking-h3: 0px;
  --font-tracking-h4: 0px;
  --font-tracking-h5: 0px;
  --font-tracking-h6: 0px;
  --font-tracking-lead: 0px;
  --font-tracking-body: 0px;
  --font-tracking-body-sm: 0px;
  --font-tracking-ui: 0px;
  --font-tracking-ui-sm: 0px;
  --font-tracking-metric: 0px;
  --font-tracking-metric-sm: 0px;
  --font-tracking-number: 0px;
  --font-tracking-label: 0px;
  --font-tracking-micro: 0px;
  --font-weight-light: Light;
  --font-weight-regular: Regular;
  --font-weight-medium: Medium;
  --font-weight-semibold: SemiBold;
  --font-weight-bold: Bold;
  --font-weight-extrabold: ExtraBold;
}

/* ---------- typography: mobile ---------- */
@media (max-width: 768px) {
  :root {
    --font-family-sans: Manrope;
    --font-family-mono: DM Mono;
    --font-family-label: DM Mono;
    --font-size-display: 56px;
    --font-size-h1: 36px;
    --font-size-h2: 30px;
    --font-size-h3: 26px;
    --font-size-h4: 22px;
    --font-size-h5: 19px;
    --font-size-h6: 17px;
    --font-size-lead: 20px;
    --font-size-body: 16px;
    --font-size-body-sm: 14px;
    --font-size-ui: 15px;
    --font-size-ui-sm: 13px;
    --font-size-metric: 40px;
    --font-size-metric-sm: 28px;
    --font-size-number: 17px;
    --font-size-label: 11px;
    --font-size-micro: 10px;
    --font-leading-display: 54px;
    --font-leading-h1: 40px;
    --font-leading-h2: 36px;
    --font-leading-h3: 32px;
    --font-leading-h4: 28px;
    --font-leading-h5: 26px;
    --font-leading-h6: 24px;
    --font-leading-lead: 30px;
    --font-leading-body: 26px;
    --font-leading-body-sm: 20px;
    --font-leading-ui: 20px;
    --font-leading-ui-sm: 18px;
    --font-leading-metric: 40px;
    --font-leading-metric-sm: 34px;
    --font-leading-number: 24px;
    --font-leading-label: 16px;
    --font-leading-micro: 14px;
    --font-tracking-display: -3.08px;
    --font-tracking-h1: -1.44px;
    --font-tracking-h2: -1.05px;
    --font-tracking-h3: -0.78px;
    --font-tracking-h4: -0.55px;
    --font-tracking-h5: -0.38px;
    --font-tracking-h6: -0.255px;
    --font-tracking-lead: -0.3px;
    --font-tracking-body: 0.0px;
    --font-tracking-body-sm: 0.0px;
    --font-tracking-ui: -0.15px;
    --font-tracking-ui-sm: -0.065px;
    --font-tracking-metric: 0.0px;
    --font-tracking-metric-sm: 0.0px;
    --font-tracking-number: 0.0px;
    --font-tracking-label: 1.76px;
    --font-tracking-micro: 1.6px;
    --font-weight-light: Light;
    --font-weight-regular: Regular;
    --font-weight-medium: Medium;
    --font-weight-semibold: SemiBold;
    --font-weight-bold: Bold;
    --font-weight-extrabold: ExtraBold;
  }
  [dir="rtl"] {
    --font-family-sans: Alexandria;
    --font-family-mono: DM Mono;
    --font-family-label: Alexandria;
    --font-size-display: 56px;
    --font-size-h1: 36px;
    --font-size-h2: 30px;
    --font-size-h3: 26px;
    --font-size-h4: 22px;
    --font-size-h5: 19px;
    --font-size-h6: 17px;
    --font-size-lead: 20px;
    --font-size-body: 16px;
    --font-size-body-sm: 14px;
    --font-size-ui: 15px;
    --font-size-ui-sm: 13px;
    --font-size-metric: 40px;
    --font-size-metric-sm: 28px;
    --font-size-number: 17px;
    --font-size-label: 11px;
    --font-size-micro: 10px;
    --font-leading-display: 68px;
    --font-leading-h1: 50px;
    --font-leading-h2: 44px;
    --font-leading-h3: 38px;
    --font-leading-h4: 33px;
    --font-leading-h5: 30px;
    --font-leading-h6: 28px;
    --font-leading-lead: 34px;
    --font-leading-body: 30px;
    --font-leading-body-sm: 24px;
    --font-leading-ui: 26px;
    --font-leading-ui-sm: 22px;
    --font-leading-metric: 40px;
    --font-leading-metric-sm: 34px;
    --font-leading-number: 24px;
    --font-leading-label: 18px;
    --font-leading-micro: 16px;
    --font-tracking-display: 0px;
    --font-tracking-h1: 0px;
    --font-tracking-h2: 0px;
    --font-tracking-h3: 0px;
    --font-tracking-h4: 0px;
    --font-tracking-h5: 0px;
    --font-tracking-h6: 0px;
    --font-tracking-lead: 0px;
    --font-tracking-body: 0px;
    --font-tracking-body-sm: 0px;
    --font-tracking-ui: 0px;
    --font-tracking-ui-sm: 0px;
    --font-tracking-metric: 0px;
    --font-tracking-metric-sm: 0px;
    --font-tracking-number: 0px;
    --font-tracking-label: 0px;
    --font-tracking-micro: 0px;
    --font-weight-light: Light;
    --font-weight-regular: Regular;
    --font-weight-medium: Medium;
    --font-weight-semibold: SemiBold;
    --font-weight-bold: Bold;
    --font-weight-extrabold: ExtraBold;
  }
}

/* ---------- colour: dark (default) ---------- */
:root,
[data-theme="dark"] {
  --color-accent-default: #25e1e7;
  --color-accent-glow: rgb(37 225 231 / 0.3);
  --color-accent-hover: #63e9ee;
  --color-accent-on-accent: #0c0b0c;
  --color-accent-on-dark: #25e1e7;
  --color-accent-primary-inverse: #096e71;
  --color-accent-subtle: #0d2b2b;
  --color-accent-wash: rgb(37 225 231 / 0.1);
  --color-bg-canvas: #0c0b0c;
  --color-bg-dark: #0c0b0c;
  --color-bg-dark-raised: #121012;
  --color-bg-glass: rgb(255 255 255 / 0.05);
  --color-bg-inverse: #f5f2f3;
  --color-bg-inverse-raised: #ffffff;
  --color-bg-raised: #121012;
  --color-bg-sunken: #191619;
  --color-border-default: #302b30;
  --color-border-glass: rgb(255 255 255 / 0.1);
  --color-border-interactive: #8a8187;
  --color-border-inverse: #e0dadc;
  --color-border-on-dark: #211e21;
  --color-border-on-dark-strong: #544d53;
  --color-border-strong: #544d53;
  --color-border-subtle: #211e21;
  --color-brand-glow: rgb(255 61 123 / 0.3);
  --color-brand-on-dark: #ff3d7b;
  --color-brand-on-dark-hover: #ff7aa5;
  --color-brand-on-dark-light: #ff7aa5;
  --color-brand-on-primary: #0c0b0c;
  --color-brand-on-primary-muted: #500726;
  --color-brand-on-solid: #ffffff;
  --color-brand-on-solid-muted: #fedde7;
  --color-brand-primary: #ff3d7b;
  --color-brand-primary-hover: #ff7aa5;
  --color-brand-primary-inverse: #d4025f;
  --color-brand-primary-subtle: #500726;
  --color-brand-solid: #d4025f;
  --color-brand-solid-hover: #ae044b;
  --color-brand-wash: rgb(255 61 123 / 0.2);
  --color-chart-axis: #544d53;
  --color-chart-grid: #211e21;
  --color-chart-series-1: #ff3d7b;
  --color-chart-series-1-light: #ff7aa5;
  --color-chart-series-1-subtle: #500726;
  --color-chart-series-2: #25e1e7;
  --color-chart-series-2-subtle: #0d2b2b;
  --color-feedback-error: #fa3838;
  --color-feedback-error-subtle: #490808;
  --color-feedback-info: #6e7bff;
  --color-feedback-info-subtle: #0c1141;
  --color-feedback-on-error: #ffffff;
  --color-feedback-on-subtle: #f4f0f2;
  --color-feedback-success: #4ade80;
  --color-feedback-success-subtle: #0d351c;
  --color-feedback-warning: #ffbe3f;
  --color-feedback-warning-subtle: #3d2a05;
  --color-fg-disabled: #544d53;
  --color-fg-inverse: #161315;
  --color-fg-inverse-secondary: #564f53;
  --color-fg-inverse-tertiary: #6e666a;
  --color-fg-on-dark: #f4f0f2;
  --color-fg-on-dark-secondary: #b0a7ac;
  --color-fg-on-dark-tertiary: #8a8187;
  --color-fg-primary: #f4f0f2;
  --color-fg-secondary: #b0a7ac;
  --color-fg-tertiary: #8a8187;
  --color-focus-ring: #ff3d7b;
  --color-icon-accent: #25e1e7;
  --color-icon-brand: #ff3d7b;
  --color-icon-disabled: #544d53;
  --color-icon-error: #fa3838;
  --color-icon-info: #6e7bff;
  --color-icon-inverse: #0c0b0c;
  --color-icon-on-brand: #0c0b0c;
  --color-icon-primary: #f4f0f2;
  --color-icon-secondary: #b0a7ac;
  --color-icon-success: #4ade80;
  --color-icon-tertiary: #8a8187;
  --color-icon-warning: #ffbe3f;
  --color-overlay-press: rgb(12 11 12 / 0.1);
  --color-overlay-scrim: rgb(12 11 12 / 0.7);
  --color-overlay-scrim-soft: rgb(12 11 12 / 0.3);
  --color-overlay-scrim-strong: rgb(12 11 12 / 0.7);
  --color-shadow-brand: #ae044b;
  --color-shadow-card: rgb(12 11 12 / 0.5);
  --color-shadow-card-hover: rgb(255 61 123 / 0.3);
  --color-shadow-neutral: #0c0b0c;
  --component-alert-body: #f4f0f2;
  --component-alert-error-bg: #490808;
  --component-alert-error-fg: #fa3838;
  --component-alert-info-bg: #0c1141;
  --component-alert-info-fg: #6e7bff;
  --component-alert-success-bg: #0d351c;
  --component-alert-success-fg: #4ade80;
  --component-alert-warning-bg: #3d2a05;
  --component-alert-warning-fg: #ffbe3f;
  --component-avatar-bg: #191619;
  --component-avatar-border: #211e21;
  --component-avatar-border-verified: #25e1e7;
  --component-avatar-fg: #b0a7ac;
  --component-badge-accent-bg: rgb(37 225 231 / 0.2);
  --component-badge-accent-border: #25e1e7;
  --component-badge-accent-fg: #25e1e7;
  --component-badge-brand-bg: rgb(255 61 123 / 0.2);
  --component-badge-brand-border: #ff3d7b;
  --component-badge-brand-fg: #ff3d7b;
  --component-badge-error-bg: rgb(250 56 56 / 0.2);
  --component-badge-error-border: #fa3838;
  --component-badge-error-fg: #fa3838;
  --component-badge-info-bg: rgb(110 123 255 / 0.2);
  --component-badge-info-border: #6e7bff;
  --component-badge-info-fg: #6e7bff;
  --component-badge-neutral-bg: rgb(255 255 255 / 0.1);
  --component-badge-neutral-border: #211e21;
  --component-badge-neutral-fg: #b0a7ac;
  --component-badge-success-bg: rgb(74 222 128 / 0.2);
  --component-badge-success-border: #4ade80;
  --component-badge-success-fg: #4ade80;
  --component-badge-warning-bg: rgb(255 190 63 / 0.2);
  --component-badge-warning-border: #ffbe3f;
  --component-badge-warning-fg: #ffbe3f;
  --component-button-accent-bg: #25e1e7;
  --component-button-accent-bg-disabled: #191619;
  --component-button-accent-bg-hover: #63e9ee;
  --component-button-accent-fg: #0c0b0c;
  --component-button-accent-fg-disabled: #544d53;
  --component-button-destructive-bg: #d62323;
  --component-button-destructive-bg-disabled: #191619;
  --component-button-destructive-bg-hover: #af1d1d;
  --component-button-destructive-fg: #ffffff;
  --component-button-destructive-fg-disabled: #544d53;
  --component-button-focus-ring: #ff3d7b;
  --component-button-ghost-bg: rgb(0 0 0 / 0);
  --component-button-ghost-bg-disabled: rgb(0 0 0 / 0);
  --component-button-ghost-bg-hover: #191619;
  --component-button-ghost-fg: #f4f0f2;
  --component-button-ghost-fg-disabled: #544d53;
  --component-button-icon-disabled: #544d53;
  --component-button-primary-bg: #d4025f;
  --component-button-primary-bg-disabled: #191619;
  --component-button-primary-bg-hover: #ae044b;
  --component-button-primary-fg: #ffffff;
  --component-button-primary-fg-disabled: #544d53;
  --component-button-secondary-bg: #121012;
  --component-button-secondary-bg-disabled: #191619;
  --component-button-secondary-bg-hover: #191619;
  --component-button-secondary-border: #302b30;
  --component-button-secondary-border-disabled: #211e21;
  --component-button-secondary-border-hover: #544d53;
  --component-button-secondary-fg: #f4f0f2;
  --component-button-secondary-fg-disabled: #544d53;
  --component-card-bg: #121012;
  --component-card-bg-hover: #191619;
  --component-card-body: #b0a7ac;
  --component-card-border: #211e21;
  --component-card-border-hover: #544d53;
  --component-card-border-selected: #ff3d7b;
  --component-card-meta: #8a8187;
  --component-card-title: #f4f0f2;
  --component-chart-axis-label: #8a8187;
  --component-chart-band: #500726;
  --component-chart-bg: #121012;
  --component-chart-border: #211e21;
  --component-chart-grid: #211e21;
  --component-chart-interval: #b0a7ac;
  --component-chart-metric: #f4f0f2;
  --component-chart-series-1: #ff3d7b;
  --component-chart-series-2: #25e1e7;
  --component-chart-timestamp: #8a8187;
  --component-chart-title: #8a8187;
  --component-checkbox-bg: #121012;
  --component-checkbox-bg-checked: #d4025f;
  --component-checkbox-bg-disabled: #191619;
  --component-checkbox-border: #8a8187;
  --component-checkbox-border-checked: #d4025f;
  --component-checkbox-border-disabled: #211e21;
  --component-checkbox-label: #f4f0f2;
  --component-checkbox-label-disabled: #544d53;
  --component-checkbox-mark: #ffffff;
  --component-checkbox-mark-disabled: #544d53;
  --component-divider-line: #211e21;
  --component-divider-line-strong: #302b30;
  --component-empty-bg: #121012;
  --component-empty-body: #b0a7ac;
  --component-empty-border: #211e21;
  --component-empty-icon: #8a8187;
  --component-empty-title: #f4f0f2;
  --component-input-bg: #121012;
  --component-input-bg-disabled: #191619;
  --component-input-border: #302b30;
  --component-input-border-disabled: #211e21;
  --component-input-border-error: #fa3838;
  --component-input-border-focus: #ff3d7b;
  --component-input-border-hover: #8a8187;
  --component-input-helper: #8a8187;
  --component-input-helper-disabled: #544d53;
  --component-input-helper-error: #fa3838;
  --component-input-icon: #8a8187;
  --component-input-icon-action: #b0a7ac;
  --component-input-icon-disabled: #544d53;
  --component-input-icon-error: #fa3838;
  --component-input-label: #b0a7ac;
  --component-input-label-disabled: #544d53;
  --component-input-placeholder: #8a8187;
  --component-input-value: #f4f0f2;
  --component-input-value-disabled: #544d53;
  --component-link-fg: #ff3d7b;
  --component-link-fg-disabled: #544d53;
  --component-link-fg-hover: #ff7aa5;
  --component-link-underline: #ff3d7b;
  --component-link-underline-hover: #ff7aa5;
  --component-modal-bg: #121012;
  --component-modal-body: #b0a7ac;
  --component-modal-border: #302b30;
  --component-modal-scrim: rgb(12 11 12 / 0.7);
  --component-modal-title: #f4f0f2;
  --component-navitem-bg: rgb(0 0 0 / 0);
  --component-navitem-bg-active: #500726;
  --component-navitem-bg-hover: #191619;
  --component-navitem-fg: #b0a7ac;
  --component-navitem-fg-active: #f4f0f2;
  --component-navitem-icon: #8a8187;
  --component-navitem-icon-active: #ff3d7b;
  --component-navitem-indicator: #ff3d7b;
  --component-progress-fill: #ff3d7b;
  --component-progress-fill-success: #4ade80;
  --component-progress-label: #b0a7ac;
  --component-progress-track: #191619;
  --component-progress-value: #f4f0f2;
  --component-radio-bg: #121012;
  --component-radio-bg-disabled: #191619;
  --component-radio-bg-selected: #d4025f;
  --component-radio-border: #8a8187;
  --component-radio-border-disabled: #211e21;
  --component-radio-border-selected: #d4025f;
  --component-radio-dot: #ffffff;
  --component-radio-dot-disabled: #544d53;
  --component-radio-label: #f4f0f2;
  --component-radio-label-disabled: #544d53;
  --component-segmented-item-bg-hover: #121012;
  --component-segmented-item-bg-selected: #121012;
  --component-segmented-item-border-selected: #ff3d7b;
  --component-segmented-item-border-selected-on-dark: #ff3d7b;
  --component-segmented-item-fg: #b0a7ac;
  --component-segmented-item-fg-disabled: #544d53;
  --component-segmented-item-fg-selected: #f4f0f2;
  --component-segmented-track-bg: #191619;
  --component-segmented-track-border: #211e21;
  --component-select-bg: #121012;
  --component-select-bg-disabled: #191619;
  --component-select-bg-open: #121012;
  --component-select-border: #302b30;
  --component-select-border-disabled: #211e21;
  --component-select-border-open: #ff3d7b;
  --component-select-chevron: #b0a7ac;
  --component-select-menu-bg: #121012;
  --component-select-menu-border: #302b30;
  --component-select-option-bg-hover: #191619;
  --component-select-option-bg-selected: #500726;
  --component-select-option-check: #ff3d7b;
  --component-select-option-fg: #f4f0f2;
  --component-select-placeholder: #8a8187;
  --component-select-value: #f4f0f2;
  --component-sidebar-bg: #121012;
  --component-sidebar-border: #211e21;
  --component-skeleton-base: rgb(255 255 255 / 0.05);
  --component-skeleton-sheen: rgb(255 255 255 / 0.1);
  --component-spinner-indicator: #ff3d7b;
  --component-spinner-track: rgb(255 255 255 / 0.1);
  --component-stat-bg: #121012;
  --component-stat-border: #211e21;
  --component-stat-delta-down: #fa3838;
  --component-stat-delta-up: #4ade80;
  --component-stat-label: #8a8187;
  --component-stat-value: #f4f0f2;
  --component-table-cell-fg: #f4f0f2;
  --component-table-cell-fg-muted: #b0a7ac;
  --component-table-divider: #211e21;
  --component-table-header-bg: #191619;
  --component-table-header-fg: #8a8187;
  --component-table-row-bg: #121012;
  --component-table-row-bg-hover: #191619;
  --component-table-row-bg-selected: #500726;
  --component-tabs-indicator: #ff3d7b;
  --component-tabs-item-fg: #8a8187;
  --component-tabs-item-fg-disabled: #544d53;
  --component-tabs-item-fg-hover: #b0a7ac;
  --component-tabs-item-fg-selected: #f4f0f2;
  --component-tabs-track: #211e21;
  --component-toast-action: #d4025f;
  --component-toast-bg: #f5f2f3;
  --component-toast-border: #e0dadc;
  --component-toast-fg: #161315;
  --component-toast-fg-secondary: #564f53;
  --component-toast-tone-error: #d62323;
  --component-toast-tone-info: #1b2ecc;
  --component-toast-tone-neutral: #564f53;
  --component-toast-tone-success: #177245;
  --component-toast-tone-warning: #956404;
  --component-toast-wash-error: rgb(250 56 56 / 0.1);
  --component-toast-wash-info: rgb(110 123 255 / 0.1);
  --component-toast-wash-neutral: rgb(12 11 12 / 0);
  --component-toast-wash-success: rgb(74 222 128 / 0.1);
  --component-toast-wash-warning: rgb(255 190 63 / 0.1);
  --component-toggle-knob: #ffffff;
  --component-toggle-knob-disabled: #544d53;
  --component-toggle-knob-on-disabled: #ffffff;
  --component-toggle-label: #f4f0f2;
  --component-toggle-label-disabled: #544d53;
  --component-toggle-track: #8a8187;
  --component-toggle-track-disabled: #191619;
  --component-toggle-track-on: #ff3d7b;
  --component-toggle-track-on-disabled: rgb(255 61 123 / 0.5);
  --component-tooltip-bg: #f5f2f3;
  --component-tooltip-fg: #161315;
  --component-topbar-bg: #121012;
  --component-topbar-border: #211e21;
  --gradient-brand-from: #d4025f;
  --gradient-brand-to: #ae044b;
  --gradient-glow-accent-core: #25e1e7;
  --gradient-glow-accent-edge: rgb(37 225 231 / 0);
  --gradient-glow-accent-mid: rgb(37 225 231 / 0.3);
  --gradient-glow-brand-core: #ff3d7b;
  --gradient-glow-brand-edge: rgb(255 61 123 / 0);
  --gradient-glow-brand-mid: rgb(255 61 123 / 0.3);
  --gradient-hairline-from: rgb(255 255 255 / 0.2);
  --gradient-hairline-to: rgb(255 255 255 / 0.05);
  --gradient-sheen-from: rgb(255 255 255 / 0.1);
  --gradient-sheen-to: rgb(255 255 255 / 0);
  --gradient-surface-card-accent-to: #0d2b2b;
  --gradient-surface-card-from: #121012;
  --gradient-surface-card-to: #500726;
}

/* ---------- colour: light overrides ---------- */
/* only the 256 tokens whose value differs from dark */
[data-theme="light"] {
  --color-accent-default: #096e71;
  --color-accent-hover: #085c5e;
  --color-accent-on-accent: #ffffff;
  --color-accent-primary-inverse: #25e1e7;
  --color-accent-subtle: #ddf7f8;
  --color-bg-canvas: #f5f2f3;
  --color-bg-glass: rgb(12 11 12 / 0.05);
  --color-bg-inverse: #0c0b0c;
  --color-bg-inverse-raised: #121012;
  --color-bg-raised: #ffffff;
  --color-bg-sunken: #ebe7e9;
  --color-border-default: #cdc4c8;
  --color-border-glass: rgb(12 11 12 / 0.1);
  --color-border-interactive: #6e666a;
  --color-border-inverse: #211e21;
  --color-border-strong: #8e8589;
  --color-border-subtle: #e0dadc;
  --color-brand-on-primary: #ffffff;
  --color-brand-on-primary-muted: #fedde7;
  --color-brand-primary: #d4025f;
  --color-brand-primary-hover: #ae044b;
  --color-brand-primary-inverse: #ff3d7b;
  --color-brand-primary-subtle: #fedde7;
  --color-chart-axis: #8e8589;
  --color-chart-grid: #e0dadc;
  --color-chart-series-1: #d4025f;
  --color-chart-series-1-subtle: #fedde7;
  --color-chart-series-2: #096e71;
  --color-chart-series-2-subtle: #ddf7f8;
  --color-feedback-error: #d62323;
  --color-feedback-error-subtle: #fddddd;
  --color-feedback-info: #1b2ecc;
  --color-feedback-info-subtle: #e2e4fe;
  --color-feedback-on-subtle: #161315;
  --color-feedback-success: #177245;
  --color-feedback-success-subtle: #e1f9ea;
  --color-feedback-warning: #956404;
  --color-feedback-warning-subtle: #fef2dd;
  --color-fg-disabled: #8e8589;
  --color-fg-inverse: #f4f0f2;
  --color-fg-inverse-secondary: #b0a7ac;
  --color-fg-inverse-tertiary: #8a8187;
  --color-fg-primary: #161315;
  --color-fg-secondary: #564f53;
  --color-fg-tertiary: #6e666a;
  --color-focus-ring: #d4025f;
  --color-icon-accent: #096e71;
  --color-icon-brand: #d4025f;
  --color-icon-disabled: #8e8589;
  --color-icon-error: #d62323;
  --color-icon-info: #1b2ecc;
  --color-icon-inverse: #f5f2f3;
  --color-icon-on-brand: #ffffff;
  --color-icon-primary: #161315;
  --color-icon-secondary: #564f53;
  --color-icon-success: #177245;
  --color-icon-tertiary: #6e666a;
  --color-icon-warning: #956404;
  --color-overlay-press: rgb(255 255 255 / 0.1);
  --color-shadow-card: rgb(12 11 12 / 0.2);
  --component-alert-body: #161315;
  --component-alert-error-bg: #fddddd;
  --component-alert-error-fg: #d62323;
  --component-alert-info-bg: #e2e4fe;
  --component-alert-info-fg: #1b2ecc;
  --component-alert-success-bg: #e1f9ea;
  --component-alert-success-fg: #177245;
  --component-alert-warning-bg: #fef2dd;
  --component-alert-warning-fg: #956404;
  --component-avatar-bg: #ebe7e9;
  --component-avatar-border: #e0dadc;
  --component-avatar-border-verified: #096e71;
  --component-avatar-fg: #564f53;
  --component-badge-accent-border: #096e71;
  --component-badge-accent-fg: #096e71;
  --component-badge-brand-border: #d4025f;
  --component-badge-brand-fg: #d4025f;
  --component-badge-error-border: #d62323;
  --component-badge-error-fg: #d62323;
  --component-badge-info-border: #1b2ecc;
  --component-badge-info-fg: #1b2ecc;
  --component-badge-neutral-bg: rgb(12 11 12 / 0.1);
  --component-badge-neutral-border: #e0dadc;
  --component-badge-neutral-fg: #564f53;
  --component-badge-success-border: #177245;
  --component-badge-success-fg: #177245;
  --component-badge-warning-border: #956404;
  --component-badge-warning-fg: #956404;
  --component-button-accent-bg-disabled: #ebe7e9;
  --component-button-accent-fg-disabled: #8e8589;
  --component-button-destructive-bg-disabled: #ebe7e9;
  --component-button-destructive-fg-disabled: #8e8589;
  --component-button-focus-ring: #d4025f;
  --component-button-ghost-bg-hover: #ebe7e9;
  --component-button-ghost-fg: #161315;
  --component-button-ghost-fg-disabled: #8e8589;
  --component-button-icon-disabled: #8e8589;
  --component-button-primary-bg-disabled: #ebe7e9;
  --component-button-primary-fg-disabled: #8e8589;
  --component-button-secondary-bg: #ffffff;
  --component-button-secondary-bg-disabled: #ebe7e9;
  --component-button-secondary-bg-hover: #ebe7e9;
  --component-button-secondary-border: #cdc4c8;
  --component-button-secondary-border-disabled: #e0dadc;
  --component-button-secondary-border-hover: #8e8589;
  --component-button-secondary-fg: #161315;
  --component-button-secondary-fg-disabled: #8e8589;
  --component-card-bg: #ffffff;
  --component-card-bg-hover: #ebe7e9;
  --component-card-body: #564f53;
  --component-card-border: #e0dadc;
  --component-card-border-hover: #8e8589;
  --component-card-border-selected: #d4025f;
  --component-card-meta: #6e666a;
  --component-card-title: #161315;
  --component-chart-axis-label: #6e666a;
  --component-chart-band: #fedde7;
  --component-chart-bg: #ffffff;
  --component-chart-border: #e0dadc;
  --component-chart-grid: #e0dadc;
  --component-chart-interval: #564f53;
  --component-chart-metric: #161315;
  --component-chart-series-1: #d4025f;
  --component-chart-series-2: #096e71;
  --component-chart-timestamp: #6e666a;
  --component-chart-title: #6e666a;
  --component-checkbox-bg: #ffffff;
  --component-checkbox-bg-disabled: #ebe7e9;
  --component-checkbox-border: #6e666a;
  --component-checkbox-border-disabled: #e0dadc;
  --component-checkbox-label: #161315;
  --component-checkbox-label-disabled: #8e8589;
  --component-checkbox-mark-disabled: #8e8589;
  --component-divider-line: #e0dadc;
  --component-divider-line-strong: #cdc4c8;
  --component-empty-bg: #ffffff;
  --component-empty-body: #564f53;
  --component-empty-border: #e0dadc;
  --component-empty-icon: #6e666a;
  --component-empty-title: #161315;
  --component-input-bg: #ffffff;
  --component-input-bg-disabled: #ebe7e9;
  --component-input-border: #cdc4c8;
  --component-input-border-disabled: #e0dadc;
  --component-input-border-error: #d62323;
  --component-input-border-focus: #d4025f;
  --component-input-border-hover: #6e666a;
  --component-input-helper: #6e666a;
  --component-input-helper-disabled: #8e8589;
  --component-input-helper-error: #d62323;
  --component-input-icon: #6e666a;
  --component-input-icon-action: #564f53;
  --component-input-icon-disabled: #8e8589;
  --component-input-icon-error: #d62323;
  --component-input-label: #564f53;
  --component-input-label-disabled: #8e8589;
  --component-input-placeholder: #6e666a;
  --component-input-value: #161315;
  --component-input-value-disabled: #8e8589;
  --component-link-fg: #ae044b;
  --component-link-fg-disabled: #8e8589;
  --component-link-fg-hover: #500726;
  --component-link-underline: #ae044b;
  --component-link-underline-hover: #500726;
  --component-modal-bg: #ffffff;
  --component-modal-body: #564f53;
  --component-modal-border: #cdc4c8;
  --component-modal-title: #161315;
  --component-navitem-bg-active: #fedde7;
  --component-navitem-bg-hover: #ebe7e9;
  --component-navitem-fg: #564f53;
  --component-navitem-fg-active: #161315;
  --component-navitem-icon: #6e666a;
  --component-navitem-icon-active: #d4025f;
  --component-navitem-indicator: #d4025f;
  --component-progress-fill: #d4025f;
  --component-progress-fill-success: #177245;
  --component-progress-label: #564f53;
  --component-progress-track: #ebe7e9;
  --component-progress-value: #161315;
  --component-radio-bg: #ffffff;
  --component-radio-bg-disabled: #ebe7e9;
  --component-radio-border: #6e666a;
  --component-radio-border-disabled: #e0dadc;
  --component-radio-dot-disabled: #8e8589;
  --component-radio-label: #161315;
  --component-radio-label-disabled: #8e8589;
  --component-segmented-item-bg-hover: #ffffff;
  --component-segmented-item-bg-selected: #ffffff;
  --component-segmented-item-border-selected: #d4025f;
  --component-segmented-item-fg: #564f53;
  --component-segmented-item-fg-disabled: #8e8589;
  --component-segmented-item-fg-selected: #161315;
  --component-segmented-track-bg: #ebe7e9;
  --component-segmented-track-border: #e0dadc;
  --component-select-bg: #ffffff;
  --component-select-bg-disabled: #ebe7e9;
  --component-select-bg-open: #ffffff;
  --component-select-border: #cdc4c8;
  --component-select-border-disabled: #e0dadc;
  --component-select-border-open: #d4025f;
  --component-select-chevron: #564f53;
  --component-select-menu-bg: #ffffff;
  --component-select-menu-border: #cdc4c8;
  --component-select-option-bg-hover: #ebe7e9;
  --component-select-option-bg-selected: #fedde7;
  --component-select-option-check: #d4025f;
  --component-select-option-fg: #161315;
  --component-select-placeholder: #6e666a;
  --component-select-value: #161315;
  --component-sidebar-bg: #ffffff;
  --component-sidebar-border: #e0dadc;
  --component-skeleton-base: rgb(12 11 12 / 0.05);
  --component-skeleton-sheen: rgb(12 11 12 / 0.1);
  --component-spinner-indicator: #d4025f;
  --component-spinner-track: rgb(12 11 12 / 0.1);
  --component-stat-bg: #ffffff;
  --component-stat-border: #e0dadc;
  --component-stat-delta-down: #d62323;
  --component-stat-delta-up: #177245;
  --component-stat-label: #6e666a;
  --component-stat-value: #161315;
  --component-table-cell-fg: #161315;
  --component-table-cell-fg-muted: #564f53;
  --component-table-divider: #e0dadc;
  --component-table-header-bg: #ebe7e9;
  --component-table-header-fg: #6e666a;
  --component-table-row-bg: #ffffff;
  --component-table-row-bg-hover: #ebe7e9;
  --component-table-row-bg-selected: #fedde7;
  --component-tabs-indicator: #d4025f;
  --component-tabs-item-fg: #6e666a;
  --component-tabs-item-fg-disabled: #8e8589;
  --component-tabs-item-fg-hover: #564f53;
  --component-tabs-item-fg-selected: #161315;
  --component-tabs-track: #e0dadc;
  --component-toast-action: #ff7aa5;
  --component-toast-bg: #0c0b0c;
  --component-toast-border: #211e21;
  --component-toast-fg: #f4f0f2;
  --component-toast-fg-secondary: #b0a7ac;
  --component-toast-tone-error: #fa3838;
  --component-toast-tone-info: #6e7bff;
  --component-toast-tone-neutral: #b0a7ac;
  --component-toast-tone-success: #4ade80;
  --component-toast-tone-warning: #ffbe3f;
  --component-toggle-knob-disabled: #8e8589;
  --component-toggle-label: #161315;
  --component-toggle-label-disabled: #8e8589;
  --component-toggle-track: #6e666a;
  --component-toggle-track-disabled: #ebe7e9;
  --component-toggle-track-on: #d4025f;
  --component-tooltip-bg: #0c0b0c;
  --component-tooltip-fg: #f4f0f2;
  --component-topbar-bg: #ffffff;
  --component-topbar-border: #e0dadc;
}