/* Linear dark — semantic map (DESIGN.md · theme.css · tokens (6).json) */
@import url("./linear/variables.css");

[data-theme="dark"] {
  color-scheme: dark;

  --font-display: var(--font-inter-variable);
  --font-body: var(--font-inter-variable);
  --font-inter: var(--font-inter-variable);
  --font-text: var(--font-inter-variable);

  --font-weight-regular: var(--font-weight-regular);
  --font-weight-medium: var(--font-weight-w510);
  --font-weight-semibold: var(--font-weight-w590);
  --font-weight-bold: var(--font-weight-w590);

  /* surfaces: Onyx canvas · Charcoal chrome · Obsidian cards */
  --background: var(--surface-canvas);
  --foreground: var(--color-snow);
  --ops-canvas: var(--surface-canvas);
  --content-canvas: var(--surface-canvas);

  --card: var(--surface-card);
  --card-foreground: var(--color-snow);
  --popover: var(--surface-card);
  --popover-foreground: var(--color-snow);

  --muted: var(--color-charcoal);
  --muted-foreground: var(--color-fog);
  --secondary: var(--color-charcoal);
  --secondary-foreground: var(--color-snow);

  --border: var(--color-graphite);
  --border-subtle: var(--color-graphite);
  --border-strong: var(--color-iron);
  --input: var(--color-steel);
  --ring: var(--color-indigo);
  --ring-focus: 0 0 0 2px color-mix(in srgb, var(--color-indigo) 45%, transparent);

  /* indigo = selection / links; lime reserved for primary CTAs */
  --primary: var(--color-indigo);
  --primary-foreground: var(--color-snow);
  --primary-hover: color-mix(in srgb, var(--color-indigo) 88%, #fff);
  --primary-soft: color-mix(in srgb, var(--color-indigo) 14%, var(--surface-card));

  --accent: var(--color-acid-lime);
  --accent-foreground: var(--color-ink-on-lime);
  --accent-soft: color-mix(in srgb, var(--color-acid-lime) 12%, var(--surface-card));
  --accent-2: var(--color-cyan);

  --destructive: var(--color-crimson);
  --destructive-soft: color-mix(in srgb, var(--color-crimson) 12%, var(--surface-card));
  --destructive-strong: #ff9a9a;

  --success-soft: color-mix(in srgb, var(--color-emerald) 12%, var(--surface-card));
  --success-strong: #7ee0a0;

  --warning-soft: color-mix(in srgb, #f0b429 12%, var(--surface-card));
  --warning-strong: #ffd979;

  --text-primary: var(--color-snow);
  --text-secondary: var(--color-fog);
  --text-tertiary: var(--color-slate);

  --ink: var(--color-snow);
  --ink-hover: var(--color-mist);

  --sidebar: var(--surface-nav);
  --sidebar-foreground: var(--color-snow);
  --sidebar-border: var(--color-graphite);
  --sidebar-muted: var(--color-slate);
  --sidebar-primary: var(--color-indigo);
  --sidebar-accent: color-mix(in srgb, var(--color-indigo) 12%, var(--surface-nav));

  --glass-bg: var(--surface-card);
  --glass-bg-strong: var(--surface-card);
  --glass-border: var(--color-graphite);
  --glass-blur: none;

  --overlay-drawer: color-mix(in srgb, var(--color-onyx) 72%, transparent);
  --selection-bg: color-mix(in srgb, var(--color-indigo) 35%, transparent);
  --selection-foreground: var(--color-snow);

  --surface-hover: color-mix(in srgb, var(--color-steel) 28%, var(--surface-card));
  --surface-selected: color-mix(in srgb, var(--color-indigo) 14%, var(--surface-card));

  --dark-surface-1: var(--surface-nav);
  --dark-surface-2: var(--color-charcoal);
  --dark-sunken: var(--color-onyx);

  --pipe-banner-bg: transparent;
  --pipe-banner-fg: var(--color-snow);
  --pipe-banner-muted: var(--color-fog);
  --ov-flow-inset: var(--color-charcoal);
  --ov-flow-muted: var(--color-slate);
  --ov-flow-progress-fill: var(--color-indigo);
  --funnel-stage-muted: color-mix(in srgb, var(--color-steel) 22%, var(--surface-card));

  --hero-blue: var(--surface-card);
  --hero-blue-ink: var(--color-snow);
  --hero-peach: var(--surface-card);
  --hero-peach-ink: var(--color-snow);
  --hero-lavender: var(--surface-card);
  --hero-lavender-ink: var(--color-snow);
  --hero-glow-iris: color-mix(in srgb, var(--color-indigo) 10%, transparent);
  --hero-glow-ember: color-mix(in srgb, var(--color-cyan) 8%, transparent);

  --bg-header-band: var(--surface-nav);
  --header-band-fg: var(--color-snow);
  --header-band-muted: var(--color-fog);

  --scrollbar-thumb: var(--color-iron);
  --scrollbar-thumb-hover: var(--color-slate);

  --shadow-card: var(--shadow-subtle), var(--shadow-sm);
  --shadow-sm: var(--shadow-subtle-3);
}