/* ============================================================
   NORTH HORIZON PARTNERS — tokens.css
   Single source of truth for all design system values.
   ============================================================ */

:root {
  /* ── Background ─────────────────────────────────────────── */
  --bg:               #0A0A0A;
  --bg-card:          #111111;
  --bg-card-hover:    #161616;
  --bg-alt:           #0D0D0D;
  --bg-manifesto:     #0F0F0F;

  /* ── Text ───────────────────────────────────────────────── */
  --text:             #F0EFE8;
  --text-muted:       #8A8A82;
  --text-dim:         #484840;
  --text-light:       #333330;

  /* ── Accent ─────────────────────────────────────────────── */
  --accent:           #C8FF00;
  --accent-glow:      rgba(200, 255, 0, 0.12);
  --accent-glow-soft: rgba(200, 255, 0, 0.06);
  --accent-border:    rgba(200, 255, 0, 0.18);

  /* ── Danger / negative column ───────────────────────────── */
  --red-soft:         rgba(255, 75, 55, 0.06);
  --red-border:       rgba(255, 75, 55, 0.12);
  --red-icon:         #ff6b6b;

  /* ── Borders ────────────────────────────────────────────── */
  --border:           rgba(255, 255, 255, 0.07);
  --border-strong:    rgba(255, 255, 255, 0.12);
  --border-solid:     rgba(255, 255, 255, 0.07);

  /* ── Shadows ────────────────────────────────────────────── */
  --shadow-xs:        0 1px 2px  rgba(0, 0, 0, 0.25);
  --shadow-sm:        0 2px 8px  rgba(0, 0, 0, 0.35);
  --shadow-md:        0 4px 24px rgba(0, 0, 0, 0.45);
  --shadow-lg:        0 8px 48px rgba(0, 0, 0, 0.55);
  --shadow-accent:    0 4px 20px rgba(200, 255, 0, 0.22);

  /* ── Typography ─────────────────────────────────────────── */
  --font-serif: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-sans:  'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --h1-line-height:     1.1;
  --h1-letter-spacing: -0.02em;
  --h2-line-height:     1.12;
  --h2-letter-spacing: -0.015em;
  --h3-line-height:     1.3;

  /* ── Layout ─────────────────────────────────────────────── */
  --max-w:    1160px;
  --pad-x:    clamp(1.25rem, 5vw, 3rem);
  --nav-h:    68px;
  --section-py: clamp(5rem, 9vw, 8rem);

  /* ── Radius ─────────────────────────────────────────────── */
  --radius:    8px;
  --radius-lg: 14px;
}