/**
 * Mr. Brandon marketing site — dark theme tokens
 * Sourced from iOS Assets.xcassets (dark appearance) + AppColors
 */

:root {
  --bg: #0a1929;              /* Background */
  --card: #0f2336;            /* CardBackground */
  --elevated: #1a3550;        /* MRBgElevated */
  --input-bg: #152c42;        /* MRBgTertiary */
  --text: #f2f2f0;            /* MRNeutral900 */
  --muted: #b8bac0;           /* MRNeutral700 */
  --divider: #2a3545;         /* MRNeutral300 */
  --accent: #f0622a;          /* MRAccentPrimary / Primary */
  --accent-warm: #e87540;     /* MRAccentWarm */
  --accent-secondary: #f07d45; /* Secondary */
  --brand-deep: #5bb8d4;      /* MRBrandDeep (dark) — gradient anchor */
  --link: #e87540;
  --link-hover: #f0622a;

  /* Typography */
  --font-body: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: 'Space Mono', 'SF Mono', monospace;

  /* Type scale */
  --text-display: clamp(36px, 8vw, 64px);
  --text-heading: clamp(24px, 5vw, 32px);
  --text-body: clamp(16px, 1.2vw, 18px);
  --text-label: 12px;

  /* Spacing */
  --space-tight: 4px;
  --space-related: 8px;
  --space-group: 16px;
  --space-section: 48px;
  --space-context: 80px;

  /* Label tracking */
  --label-tracking: 0.08em;
}