/* Cosmik 0.11.0 — APPROVED. Generated by scripts/generate-tokens.mjs from kits/cosmik/tokens/source.json. */
:root {
  --c-primitive-black: #000000;
  --c-primitive-paper: #F6F5F0;
  --c-primitive-white: #FFFFFF;
  --c-primitive-surface-dark: #121212;
  --c-primitive-raised-dark: #1F1F1F;
  --c-primitive-light-soft: #E8E7E3;
  --c-primitive-muted-dark: #A3A3A3;
  --c-primitive-muted-light: #666666;
  --c-primitive-border-functional: #767676;
  --c-primitive-decorative-dark: #303030;
  --c-primitive-graphite: #414141;
  --c-primitive-ornament-dark: #252525;
  --c-primitive-ornament-dark-faint: #181818;
  --c-primitive-media-dark: #111111;
  --c-primitive-rule-light: #C6C5C0;
  --c-primitive-paper-shade: #EFEEE9;
  --c-primitive-scrim-dark: #000000B8;
  --c-primitive-scrim-light: #0000007A;
  --c-primitive-glass-dark: #12121250;
  --c-primitive-glass-light: #FFFFFF8F;
  --c-primitive-muted-glass-dark: #C8C8C8;
  --c-primitive-muted-glass-light: #454545;
  --c-primitive-sheen-white: #FFFFFFA6;
  --c-primitive-sheen-white-faint: #FFFFFF33;
  --c-primitive-sheen-white-strong: #FFFFFFF2;
  --c-primitive-sheen-shade: #00000040;
  --c-primitive-pressed-dark: #2C2C2C;
  --c-primitive-pressed-light: #D6D5D0;
  --c-primitive-tint-light-hover: #FFFFFF14;
  --c-primitive-tint-light-active: #FFFFFF29;
  --c-primitive-tint-dark-hover: #0000000F;
  --c-primitive-tint-dark-active: #0000001F;
  --c-space-2: 0.5rem;
  --c-space-4: 1rem;
  --c-space-6: 1.5rem;
  --c-space-8: 2rem;
  --c-space-12: 3rem;
  --c-space-16: 4rem;
  --c-space-24: 6rem;
  --c-space-base: 0.25rem;
  --c-layout-radius: 0.25rem;
  --c-layout-gutter: 1.5rem;
  --c-layout-max-content: 70rem;
  --c-layout-line: 65ch;
  --c-layout-control-min: 2.75rem;
  --c-layout-control-dense: 2rem;
  --c-layout-focus-width: 2px;
  --c-layout-focus-offset: 2px;
  --c-motion-normal-duration: 140ms;
  --c-motion-reduced-duration: 0ms;
  --c-motion-easing: ease-out;
  --c-motion-system-duration: var(--c-motion-normal-duration);
  --c-motion-duration: var(--c-motion-system-duration);
  --c-type-body-font-family: "Inter";
  --c-type-body-font-weight: 400;
  --c-type-body-font-size: 1.0625rem;
  --c-type-body-line-height: 1.55;
  --c-type-body-letter-spacing: 0;
  --c-type-display-font-family: "Inter";
  --c-type-display-font-weight: 600;
  --c-type-display-font-size: 3rem;
  --c-type-display-line-height: 1.1;
  --c-type-display-letter-spacing: 0;
  --c-type-display-small-font-family: "Inter";
  --c-type-display-small-font-weight: 600;
  --c-type-display-small-font-size: 2.125rem;
  --c-type-display-small-line-height: 1.15;
  --c-type-display-small-letter-spacing: 0;
  --c-type-section-font-family: "Inter";
  --c-type-section-font-weight: 600;
  --c-type-section-font-size: 1.875rem;
  --c-type-section-line-height: 1.2;
  --c-type-section-letter-spacing: 0;
  --c-type-card-font-family: "Inter";
  --c-type-card-font-weight: 600;
  --c-type-card-font-size: 1.375rem;
  --c-type-card-line-height: 1.3;
  --c-type-card-letter-spacing: 0;
  --c-type-control-font-family: "Inter";
  --c-type-control-font-weight: 500;
  --c-type-control-font-size: 0.9375rem;
  --c-type-control-line-height: 1.4;
  --c-type-control-letter-spacing: 0;
  --c-type-ui-font-family: "Inter";
  --c-type-ui-font-weight: 500;
  --c-type-ui-font-size: 0.875rem;
  --c-type-ui-line-height: 1.43;
  --c-type-ui-letter-spacing: 0;
  --c-type-ui-small-font-family: "Inter";
  --c-type-ui-small-font-weight: 500;
  --c-type-ui-small-font-size: 0.75rem;
  --c-type-ui-small-line-height: 1.33;
  --c-type-ui-small-letter-spacing: 0;
  --c-type-label-font-family: "IBM Plex Mono";
  --c-type-label-font-weight: 400;
  --c-type-label-font-size: 0.875rem;
  --c-type-label-line-height: 1.5;
  --c-type-label-letter-spacing: 0.06em;
  --c-type-label-text-transform: uppercase;
  --c-type-identity-label-font-family: "Inter";
  --c-type-identity-label-font-weight: 500;
  --c-type-identity-label-font-size: 1.25rem;
  --c-type-identity-label-line-height: 1.3;
  --c-type-identity-label-letter-spacing: 0;
  --c-radius-sm: 0.125rem;
  --c-radius-md: 0.25rem;
  --c-radius-full: 9999px;
  --c-glass-blur: 24px;
  --c-glass-saturation: 1.4;
  --c-glass-sheen-angle: 160deg;
  /* Breakpoints are reference values: custom properties cannot be used inside @media. */
  --c-breakpoint-compact: 720px;
  --c-breakpoint-narrow: 380px;
}

:root, [data-theme="dark"], [data-glass-tone="dark"] {
  color-scheme: dark;
  --c-bg: var(--c-primitive-black);
  --c-surface: var(--c-primitive-surface-dark);
  --c-raised: var(--c-primitive-raised-dark);
  --c-text: var(--c-primitive-paper);
  --c-muted: var(--c-primitive-muted-dark);
  --c-border: var(--c-primitive-border-functional);
  --c-divider: var(--c-primitive-decorative-dark);
  --c-focus: var(--c-primitive-paper);
  --c-link: var(--c-primitive-paper);
  --c-link-hover: var(--c-primitive-white);
  --c-link-active: var(--c-primitive-paper);
  --c-on-selected: var(--c-primitive-black);
  --c-selected: var(--c-primitive-paper);
  --c-action-primary: var(--c-primitive-paper);
  --c-action-primary-hover: var(--c-primitive-light-soft);
  --c-action-primary-active: var(--c-primitive-pressed-light);
  --c-action-primary-fg: var(--c-primitive-black);
  --c-action-secondary: var(--c-primitive-surface-dark);
  --c-action-secondary-hover: var(--c-primitive-raised-dark);
  --c-action-secondary-active: var(--c-primitive-pressed-dark);
  --c-action-secondary-fg: var(--c-primitive-paper);
  --c-input-bg: var(--c-primitive-black);
  --c-input-fg: var(--c-primitive-paper);
  --c-input-placeholder: var(--c-primitive-muted-dark);
  --c-disabled-bg: var(--c-primitive-raised-dark);
  --c-disabled-fg: var(--c-primitive-muted-dark);
  --c-disabled-border: var(--c-primitive-border-functional);
  --c-status-fg: var(--c-primitive-paper);
  --c-status-bg: var(--c-primitive-raised-dark);
  --c-status-border: var(--c-primitive-border-functional);
  --c-divider-strong: var(--c-primitive-graphite);
  --c-ornament: var(--c-primitive-ornament-dark);
  --c-ornament-faint: var(--c-primitive-ornament-dark-faint);
  --c-ornament-text: var(--c-primitive-graphite);
  --c-media-placeholder: var(--c-primitive-media-dark);
  --c-scrim: var(--c-primitive-scrim-dark);
  --c-glass: var(--c-primitive-glass-dark);
  --c-glass-border: var(--c-primitive-graphite);
  --c-glass-muted: var(--c-primitive-muted-glass-dark);
  --c-glass-sheen: var(--c-primitive-sheen-white);
  --c-glass-sheen-low: var(--c-primitive-sheen-white-faint);
  --c-glass-hover: var(--c-primitive-tint-light-hover);
  --c-glass-active: var(--c-primitive-tint-light-active);
  --c-glass-contrast: 0.75;
  --c-glass-brightness: 0.5;
}

[data-theme="light"], [data-glass-tone="light"] {
  color-scheme: light;
  --c-bg: var(--c-primitive-paper);
  --c-surface: var(--c-primitive-white);
  --c-raised: var(--c-primitive-light-soft);
  --c-text: var(--c-primitive-black);
  --c-muted: var(--c-primitive-muted-light);
  --c-border: var(--c-primitive-border-functional);
  --c-divider: var(--c-primitive-light-soft);
  --c-focus: var(--c-primitive-black);
  --c-link: var(--c-primitive-black);
  --c-link-hover: var(--c-primitive-surface-dark);
  --c-link-active: var(--c-primitive-raised-dark);
  --c-on-selected: var(--c-primitive-white);
  --c-selected: var(--c-primitive-black);
  --c-action-primary: var(--c-primitive-black);
  --c-action-primary-hover: var(--c-primitive-surface-dark);
  --c-action-primary-active: var(--c-primitive-raised-dark);
  --c-action-primary-fg: var(--c-primitive-white);
  --c-action-secondary: var(--c-primitive-white);
  --c-action-secondary-hover: var(--c-primitive-light-soft);
  --c-action-secondary-active: var(--c-primitive-pressed-light);
  --c-action-secondary-fg: var(--c-primitive-black);
  --c-input-bg: var(--c-primitive-white);
  --c-input-fg: var(--c-primitive-black);
  --c-input-placeholder: var(--c-primitive-muted-light);
  --c-disabled-bg: var(--c-primitive-light-soft);
  --c-disabled-fg: var(--c-primitive-muted-light);
  --c-disabled-border: var(--c-primitive-border-functional);
  --c-status-fg: var(--c-primitive-black);
  --c-status-bg: var(--c-primitive-light-soft);
  --c-status-border: var(--c-primitive-border-functional);
  --c-divider-strong: var(--c-primitive-rule-light);
  --c-ornament: var(--c-primitive-light-soft);
  --c-ornament-faint: var(--c-primitive-paper-shade);
  --c-ornament-text: var(--c-primitive-rule-light);
  --c-media-placeholder: var(--c-primitive-light-soft);
  --c-scrim: var(--c-primitive-scrim-light);
  --c-glass: var(--c-primitive-glass-light);
  --c-glass-border: var(--c-primitive-rule-light);
  --c-glass-muted: var(--c-primitive-muted-glass-light);
  --c-glass-sheen: var(--c-primitive-sheen-white-strong);
  --c-glass-sheen-low: var(--c-primitive-sheen-shade);
  --c-glass-hover: var(--c-primitive-tint-dark-hover);
  --c-glass-active: var(--c-primitive-tint-dark-active);
  --c-glass-contrast: 0.5;
  --c-glass-brightness: 1.35;
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme]) {
    color-scheme: light;
    --c-bg: var(--c-primitive-paper);
    --c-surface: var(--c-primitive-white);
    --c-raised: var(--c-primitive-light-soft);
    --c-text: var(--c-primitive-black);
    --c-muted: var(--c-primitive-muted-light);
    --c-border: var(--c-primitive-border-functional);
    --c-divider: var(--c-primitive-light-soft);
    --c-focus: var(--c-primitive-black);
    --c-link: var(--c-primitive-black);
    --c-link-hover: var(--c-primitive-surface-dark);
    --c-link-active: var(--c-primitive-raised-dark);
    --c-on-selected: var(--c-primitive-white);
    --c-selected: var(--c-primitive-black);
    --c-action-primary: var(--c-primitive-black);
    --c-action-primary-hover: var(--c-primitive-surface-dark);
    --c-action-primary-active: var(--c-primitive-raised-dark);
    --c-action-primary-fg: var(--c-primitive-white);
    --c-action-secondary: var(--c-primitive-white);
    --c-action-secondary-hover: var(--c-primitive-light-soft);
    --c-action-secondary-active: var(--c-primitive-pressed-light);
    --c-action-secondary-fg: var(--c-primitive-black);
    --c-input-bg: var(--c-primitive-white);
    --c-input-fg: var(--c-primitive-black);
    --c-input-placeholder: var(--c-primitive-muted-light);
    --c-disabled-bg: var(--c-primitive-light-soft);
    --c-disabled-fg: var(--c-primitive-muted-light);
    --c-disabled-border: var(--c-primitive-border-functional);
    --c-status-fg: var(--c-primitive-black);
    --c-status-bg: var(--c-primitive-light-soft);
    --c-status-border: var(--c-primitive-border-functional);
    --c-divider-strong: var(--c-primitive-rule-light);
    --c-ornament: var(--c-primitive-light-soft);
    --c-ornament-faint: var(--c-primitive-paper-shade);
    --c-ornament-text: var(--c-primitive-rule-light);
    --c-media-placeholder: var(--c-primitive-light-soft);
    --c-scrim: var(--c-primitive-scrim-light);
    --c-glass: var(--c-primitive-glass-light);
    --c-glass-border: var(--c-primitive-rule-light);
    --c-glass-muted: var(--c-primitive-muted-glass-light);
    --c-glass-sheen: var(--c-primitive-sheen-white-strong);
    --c-glass-sheen-low: var(--c-primitive-sheen-shade);
    --c-glass-hover: var(--c-primitive-tint-dark-hover);
    --c-glass-active: var(--c-primitive-tint-dark-active);
    --c-glass-contrast: 0.5;
    --c-glass-brightness: 1.35;
  }
}

/* Preserve the normal duration so an explicit preference can override the OS. */
@media (prefers-reduced-motion: reduce) {
  :root { --c-motion-system-duration: var(--c-motion-reduced-duration); }
}

/* The nearest explicit scope wins; system restores the OS preference inside an override. */
[data-motion="system"] { --c-motion-duration: var(--c-motion-system-duration); }
[data-motion="reduce"] { --c-motion-duration: var(--c-motion-reduced-duration); }
[data-motion="full"] { --c-motion-duration: var(--c-motion-normal-duration); }