/* ==========================================================================
   CAPITAL COLLECTION — DESIGN TOKENS
   "A Bestie for Debt Collection"
   ========================================================================== */

:root{
  /* ---- Color: Brand ---- */
  --cc-charcoal:        #17181C;
  --cc-charcoal-soft:   #23252B;
  --cc-charcoal-line:   #2E3038;

  --cc-gold:            #E8AC1F;
  --cc-gold-bright:     #F4C430;
  --cc-gold-deep:       #C8870F;
  --cc-gold-glow:       rgba(232, 172, 31, 0.35);

  --cc-cream:           #FAF8F4;
  --cc-cream-dim:       #F0EDE4;

  --cc-slate:           #4A4F58;
  --cc-slate-light:     #80858F;

  --cc-emerald:         #1F6B4D;
  --cc-emerald-bright:  #2C9468;
  --cc-emerald-tint:    #E7F3EC;

  /* ---- Color: Semantic ---- */
  --cc-text-primary:    var(--cc-charcoal);
  --cc-text-on-dark:    var(--cc-cream);
  --cc-text-muted:      var(--cc-slate);
  --cc-border:          rgba(23, 24, 28, 0.10);
  --cc-border-dark:     rgba(250, 248, 244, 0.12);

  /* ---- Type ---- */
  --font-display: 'Space Grotesk', 'Arial Narrow', sans-serif;
  --font-body:    'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono:    'IBM Plex Mono', 'Courier New', monospace;

  /* ---- Type Scale ---- */
  --fs-hero:    clamp(2.6rem, 6vw, 5.2rem);
  --fs-h1:      clamp(2.2rem, 4.4vw, 3.6rem);
  --fs-h2:      clamp(1.7rem, 3vw, 2.5rem);
  --fs-h3:      clamp(1.25rem, 1.8vw, 1.6rem);
  --fs-lead:    clamp(1.05rem, 1.4vw, 1.3rem);
  --fs-body:    1rem;
  --fs-small:   0.875rem;
  --fs-caption: 0.75rem;

  /* ---- Spacing ---- */
  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs:  0.75rem;
  --space-sm:  1rem;
  --space-md:  1.5rem;
  --space-lg:  2.5rem;
  --space-xl:  4rem;
  --space-2xl: 6rem;
  --space-3xl: 9rem;

  /* ---- Radius (mostly square — financial authority; pills only for CTAs/badges, echoing logo swoosh) ---- */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 18px;
  --radius-pill: 100px;

  /* ---- Motion ---- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 0.2s;
  --dur-med: 0.45s;
  --dur-slow: 0.9s;

  /* ---- Shadow ---- */
  --shadow-sm: 0 2px 8px rgba(23, 24, 28, 0.06);
  --shadow-md: 0 12px 32px rgba(23, 24, 28, 0.10);
  --shadow-lg: 0 24px 64px rgba(23, 24, 28, 0.16);
  --shadow-gold: 0 12px 32px rgba(232, 172, 31, 0.28);

  /* ---- Layout ---- */
  --container-max: 1280px;
  --header-h: 86px;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}