:root {
  /* Surfaces — warm ink-black, layered */
  --black:     #0a0b0d;
  --surface:   #0f1116;
  --card:      #14161c;
  --card2:     #1b1e26;
  --border:    #20242c;
  --border2:   #2d323c;

  /* Text — warm editorial off-white */
  --white:     #f5f3ee;
  --muted:     #a8a39a;
  --muted2:    #837f78;

  /* Accent — "all systems nominal" */
  --accent:        #00e5a0;
  --accent-2:      #6fffcb;
  --accent-dim:    rgba(0, 229, 160, 0.10);
  --accent-line:   rgba(0, 229, 160, 0.22);
  --accent-glow:   rgba(0, 229, 160, 0.30);

  /* Status colors (used sparingly) */
  --warn:      #ffb547;
  --err:       #ff6b6f;

  /* Type */
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-disp: "Outfit", "Inter", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* Motion */
  --ease:   cubic-bezier(0.22, 1, 0.36, 1);
  --ease-io: cubic-bezier(0.4, 0, 0.2, 1);
  --t:      0.4s;
  --t-slow: 0.85s;

  /* Layout */
  --max-w:     1200px;
  --max-w-text: 760px;
  --gutter:    clamp(1.25rem, 5vw, 2.5rem);
  --radius:    10px;
  --radius-lg: 18px;

  /* Elevation */
  --shadow-card: 0 1px 0 rgba(255,255,255,0.02) inset, 0 18px 50px rgba(0,0,0,0.45);
}