/* Cosmik 0.2.0 — APPROVED. Generated by scripts/generate-tokens.mjs from tokens/cosmik/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-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-focus-width: 2px;
  --c-layout-focus-offset: 2px;
  --c-motion-duration: 140ms;
  --c-motion-easing: ease-out;
  --c-motion-reduced-duration: 0ms;
  --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-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;
  /* Breakpoints are reference values: custom properties cannot be used inside @media. */
  --c-breakpoint-compact: 720px;
  --c-breakpoint-narrow: 380px;
}

:root, [data-theme="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-white);
  --c-action-primary-active: var(--c-primitive-light-soft);
  --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-black);
  --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);
}

[data-theme="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-paper);
  --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);
}

@media (prefers-reduced-motion: reduce) {
  :root { --c-motion-duration: var(--c-motion-reduced-duration); }
}