/* Momentum Strategies — design tokens
   Edit these to rebrand. Everything else inherits. */

:root {
  /* Brand (Visual Identity 2025) */
  --gold: #8B704D;
  --gold-light: #A68962;
  --gold-soft: rgba(139, 112, 77, 0.14);
  --gold-glow: rgba(139, 112, 77, 0.35);
  --gray: #4A4D50;
  --gray-mid: #6B6E70;
  --black: #231F20;
  --ink: #1A1A1A;
  --cream: #F7F4EF;
  --cream-deep: #EBE4D8;
  --white: #FFFFFF;
  --border: #D9D1C4;
  --border-strong: #C4B9A8;
  --chip-bg: #F0E9DD;
  --chip-text: #2C2A28;
  --os-accent: #E8386D;

  /* Type */
  --font: "Montserrat", system-ui, -apple-system, sans-serif;
  --fs-xs: 0.75rem;
  --fs-sm: 0.875rem;
  --fs-base: 1rem;
  --fs-md: 1.125rem;
  --fs-lg: 1.35rem;
  --fs-xl: 1.75rem;
  --fs-2xl: clamp(2rem, 4vw, 2.75rem);
  --fs-3xl: clamp(2.5rem, 6vw, 3.75rem);
  --lh-tight: 1.15;
  --lh-snug: 1.35;
  --lh-body: 1.65;
  --tracking-wide: 0.12em;
  --tracking-label: 0.16em;

  /* Layout */
  --max: 1120px;
  --max-wide: 1280px;
  --gutter: clamp(1.25rem, 4vw, 2rem);
  --section-y: clamp(4rem, 8vw, 6.5rem);
  --radius: 1rem;
  --radius-sm: 0.625rem;
  --radius-lg: 1.5rem;
  --shadow: 0 12px 40px rgba(35, 31, 32, 0.08);
  --shadow-lg: 0 24px 60px rgba(35, 31, 32, 0.12);
  --nav-h: 4.5rem;

  /* Motion — ease-out-quint */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);
  --dur: 0.45s;
  --dur-fast: 0.18s;
  --dur-mid: 0.28s;

  /* Contact */
  --email: "info@momentumstrategies.ca";
  --email-href: "mailto:info@momentumstrategies.ca";
}