/* ============================================================
   tcviz — NORDIC theme
   Nordic minimalism: slate canvas, frost blue + aurora accents,
   Fraunces display / Work Sans body / IBM Plex Mono data.
   ============================================================ */
@import url("styles.css?v=5");

:root {
  --background: #2e3440;
  --foreground: #eceff4;
  --card: #3b4252;
  --card-foreground: #eceff4;
  --popover: #434c5e;
  --primary: #88c0d0;
  --primary-foreground: #2e3440;
  --secondary: #434c5e;
  --secondary-foreground: #d8dee9;
  --muted-c: #3b4252;
  --muted-foreground: #b6c0d1;
  --accent-c: #a3be8c;
  --accent-foreground: #2e3440;
  --destructive: #bf616a;
  --border-c: #4c566a;
  --ring: #88c0d0;
  --chart-1: #88c0d0;
  --chart-2: #a3be8c;
  --chart-3: #ebcb8b;
  --chart-4: #bf616a;
  --chart-5: #b48ead;

  --radius: 0.4rem;
  --shadow-2xs: 0 0 0 1px rgba(0,0,0,0.08);
  --shadow-xs: 0 1px 3px 0px rgba(0,0,0,0.25);
  --shadow-sm: 0 2px 8px -2px rgba(0,0,0,0.35);
  --shadow: 0 2px 10px -2px rgba(0,0,0,0.35);
  --shadow-md: 0 6px 16px -4px rgba(0,0,0,0.4);
  --shadow-lg: 0 10px 24px -6px rgba(0,0,0,0.45);
  --shadow-xl: 0 16px 40px -8px rgba(0,0,0,0.5);

  --font-sans: 'Work Sans', ui-sans-serif, system-ui, sans-serif;
  --font-display: 'Fraunces', 'Work Sans', serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace;

  --bg: var(--background);
  --ink: var(--foreground);
  --muted: var(--muted-foreground);
  --line: var(--border-c);
  --line-2: color-mix(in oklch, var(--border-c) 60%, transparent);
  --surface: var(--card);
  --primary-soft: color-mix(in oklch, var(--primary) 14%, var(--card));
  --accent-soft: color-mix(in oklch, var(--accent-c) 14%, var(--card));
  --accent: var(--primary);
}

body { background: var(--bg); }
body::after { display: none; }
h1, h2, h3, h4, .cta h2 { text-transform: none; font-weight: 300; letter-spacing: -0.01em; }
.hero h1, .cta h2, .sec-head h2 { font-weight: 300; }
.specrow .s .n { font-weight: 300; }