/* ============================================
   ASPEN GROVE CAPITAL GROUP — Design Tokens
   ============================================ */

:root {
  /* ── Primary (Deep Navy) ── */
  --primary: #1B2A4A;
  --primary-dark: #0F1B33;
  --primary-light: #2A3F66;
  --primary-rgb: 27, 42, 74;

  /* ── Accent (Teal) ── */
  --accent: #2A9D8F;
  --accent-dark: #228577;
  --accent-light: #35B5A5;
  --accent-rgb: 42, 157, 143;

  /* ── Backgrounds ── */
  --bg-white: #FAFAFA;
  --bg-alt: #F0F5F7;
  --bg-card: #FFFFFF;

  /* ── Text ── */
  --text-primary: #333333;
  --text-secondary: #666666;
  --text-light: #999999;
  --text-inverse: #FFFFFF;

  /* ── Borders ── */
  --border-light: #E0E4E8;
  --border-medium: #CCD1D9;

  /* ── Alert ── */
  --error: #CC0000;
  --success: #2A9D8F;

  /* ── Typography ── */
  --font-heading: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Fluid type scale */
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: clamp(1rem, 0.95rem + 0.2vw, 1.125rem);
  --text-lg: clamp(1.125rem, 1rem + 0.4vw, 1.25rem);
  --text-xl: clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);
  --text-2xl: clamp(1.5rem, 1.2rem + 1.2vw, 2rem);
  --text-3xl: clamp(1.75rem, 1.4rem + 1.4vw, 2.25rem);
  --text-4xl: clamp(2rem, 1.5rem + 2vw, 3rem);

  /* Font weights */
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  /* ── Spacing ── */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4rem;
  --space-4xl: 6rem;
  --space-5xl: 8rem;

  /* ── Layout ── */
  --max-width: 1200px;
  --header-height: 64px;
  --section-padding: clamp(3rem, 2rem + 4vw, 5rem);

  /* ── Borders & Radius ── */
  --radius: 6px;
  --radius-lg: 12px;

  /* ── Shadows (subtle for light theme) ── */
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.1);
  --shadow-xl: 0 16px 48px rgba(0, 0, 0, 0.12);

  /* ── Transitions ── */
  --transition-fast: 150ms ease;
  --transition-base: 200ms ease;
  --transition-slow: 400ms ease;
}