/* ============================================================
   ALPHA CAPITAL INVESTMENTS — Design tokens
   Familia visual compartida con Black Diamond / Fuengirola Palace:
   Cormorant Garamond + sans geométrica, acento bronce-oro único,
   estrategia de color "Committed / dark luxury". Registro más
   institucional: menos cinematográfico, más basado en proceso/cifras.
   ============================================================ */

:root {
  /* ---- Neutros tintados (oklch, cálido hacia el bronce) ---- */
  --porcelain: oklch(97.5% 0.006 80);
  --sand:      oklch(88% 0.014 75);
  --stone:     oklch(72% 0.018 70);
  --taupe:     oklch(52% 0.016 65);
  --graphite:  oklch(28% 0.012 60);
  --charcoal:  oklch(16% 0.008 55);
  --void:      oklch(9% 0.006 50);

  /* ---- Acento único: bronce-oro ---- */
  --gold:      oklch(70% 0.10 75);
  --gold-deep: oklch(56% 0.09 68);
  --gold-dim:  oklch(70% 0.05 75 / 0.4);

  /* ---- Superficie / texto por contexto ---- */
  --bg:         var(--void);
  --bg-raised:  var(--charcoal);
  --ink:        var(--porcelain);
  --ink-dim:    oklch(85% 0.01 75 / 0.68);
  --ink-faint:  oklch(85% 0.01 75 / 0.4);

  --bg-light:        var(--porcelain);
  --ink-on-light:      oklch(20% 0.01 60);
  --ink-on-light-dim:  oklch(38% 0.014 60);
  --rule-on-light:     oklch(80% 0.014 70);
  --rule-on-dark:      oklch(100% 0 0 / 0.12);

  /* ---- Tipografía ---- */
  --serif: 'Cormorant Garamond', Georgia, serif;
  --sans:  'Jost', system-ui, -apple-system, sans-serif;

  --t-eyebrow: 11px;
  --t-body: clamp(1rem, 0.94rem + 0.3vw, 1.08rem);
  --t-lede: clamp(1.2rem, 1.05rem + 0.8vw, 1.55rem);
  --t-h4: clamp(1.4rem, 1.2rem + 1vw, 1.9rem);
  --t-h3: clamp(1.9rem, 1.5rem + 2vw, 2.9rem);
  --t-h2: clamp(2.4rem, 1.7rem + 3.2vw, 4.2rem);
  --t-h1: clamp(2.8rem, 1.6rem + 5.6vw, 6.4rem);

  /* ---- Espaciado / ritmo ---- */
  --maxw: 1320px;
  --gutter: clamp(20px, 5vw, 80px);
  --section-y: clamp(88px, 13vh, 168px);
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 40px;
  --space-5: 64px;
  --space-6: 96px;

  /* ---- Motion (curvas Emil Kowalski) ---- */
  --ease-out:    cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --dur-fast:   160ms;
  --dur-ui:     280ms;
  --dur-reveal: 760ms;
}