/* Vibe Metrix AI. Brand tokens. Edit brand identity here only. */
:root {
  /* Core palette (concept-rich) */
  --graphite-900: #06070a;
  --graphite-850: #0a0c11;
  --graphite-800: #12161d;
  --graphite-700: #1c222b;
  --graphite-600: #2e353d;
  --line: rgba(255, 255, 255, 0.08);
  --line-strong: rgba(255, 255, 255, 0.14);
  --glass: rgba(20, 24, 32, 0.55);
  --glass-2: rgba(28, 34, 44, 0.6);

  /* Electric blue + accents */
  --blue: #2b7fff;
  --blue-bright: #6db0ff;
  --blue-deep: #1b5fe0;
  --blue-glow: rgba(43, 127, 255, 0.45);
  --blue-wash: rgba(43, 127, 255, 0.12);
  --cyan: #39e0ff;
  --violet: #9b6bff;
  --gold: #e7cfa0;

  /* Text */
  --ink: #f6f8fc;
  --ink-soft: #c5cdd9;
  --ink-mute: #8b94a3;
  --ink-faint: #5d6675;

  /* Signal */
  --green: #2fd07e;
  --red: #ff5a5a;

  /* Type */
  --font: "Outfit", system-ui, -apple-system, sans-serif;
  --font-serif: "Playfair Display", Georgia, serif;
  --w-body: 300;
  --w-mid: 500;
  --w-head: 800;
  --w-display: 800;

  /* Fluid type scale */
  --fs-mega: clamp(2.3rem, 4.4vw, 3.7rem);
  --fs-h1: clamp(1.9rem, 3.4vw, 2.9rem);
  --fs-h2: clamp(1.7rem, 2.9vw, 2.4rem);
  --fs-h3: clamp(1.25rem, 2vw, 1.55rem);
  --fs-lead: clamp(1.02rem, 1.4vw, 1.22rem);
  --fs-body: 1.05rem;
  --fs-sm: 0.9rem;
  --fs-eyebrow: 0.78rem;

  /* Space */
  --sp-section: clamp(5rem, 11vw, 9rem);
  --maxw: 1200px;
  --maxw-narrow: 880px;
  --radius: 18px;
  --radius-sm: 12px;

  /* Motion */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --dur: 0.7s;
}