/* ============================================================
   BLACK DIAMOND GLOBAL INVESTMENTS — Design Tokens
   Dark luxury · cinematic · porcelain interludes · bronze gold
   ============================================================ */

:root {
  /* ---- Brand palette (from brand manual, OKLCH-tinted neutrals) ---- */
  --porcelain:   oklch(96.5% 0.004 80);   /* #F6F4F1 */
  --sand:        oklch(88%   0.012 85);    /* #DDD6C8 */
  --stone:       oklch(76%   0.012 80);    /* #BBB1A3 */
  --taupe:       oklch(52%   0.012 80);    /* #7A756B */
  --charcoal:    oklch(20%   0.004 60);    /* #1A1A1A */
  --void:        oklch(13%   0.006 60);    /* deep near-black base */
  --void-soft:   oklch(17%   0.006 60);    /* raised dark surface */

  /* ---- Bronze gold accent (the single warm light) ---- */
  --gold:        oklch(67%   0.072 75);    /* ~#B0905C brushed bronze */
  --gold-bright: oklch(74%   0.085 78);
  --gold-deep:   oklch(56%   0.066 72);

  /* ---- Semantic roles ---- */
  --bg:            var(--void);
  --bg-raised:     var(--void-soft);
  --bg-light:      var(--porcelain);
  --ink:           var(--porcelain);
  --ink-dim:       oklch(72% 0.006 70);
  --ink-faint:     oklch(52% 0.006 70);
  --ink-on-light:  var(--charcoal);
  --ink-on-light-dim: var(--taupe);
  --accent:        var(--gold);
  --line:          oklch(100% 0 0 / 0.10);
  --line-strong:   oklch(100% 0 0 / 0.20);
  --line-dark:     oklch(20% 0.004 60 / 0.14);

  /* ---- Typography ---- */
  --font-display: "Cormorant Garamond", "Times New Roman", serif;
  --font-sans: "Jost", "Helvetica Neue", system-ui, sans-serif;

  /* Fluid type scale (1.25+ contrast between steps) */
  --t-mono:    0.75rem;                                  /* labels / eyebrows */
  --t-sm:      clamp(0.82rem, 0.80rem + 0.1vw, 0.9rem);
  --t-body:    clamp(1rem, 0.95rem + 0.25vw, 1.15rem);
  --t-lead:    clamp(1.2rem, 1.05rem + 0.7vw, 1.6rem);
  --t-h4:      clamp(1.4rem, 1.2rem + 1vw, 2rem);
  --t-h3:      clamp(2rem, 1.5rem + 2.4vw, 3.4rem);
  --t-h2:      clamp(2.6rem, 1.8rem + 4vw, 5rem);
  --t-hero:    clamp(3rem, 1.2rem + 8.4vw, 8.5rem);

  --tracking-wide:   0.18em;
  --tracking-wider:  0.32em;
  --tracking-mono:   0.42em;

  /* ---- Spacing rhythm ---- */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.5rem;
  --space-5: 4rem;
  --space-6: 6rem;
  --section-y: clamp(5rem, 4rem + 7vw, 11rem);
  --gutter:    clamp(1.5rem, 1rem + 4vw, 6rem);
  --maxw:      1320px;
  --maxw-text: 62ch;

  /* ---- Motion (strong custom curves, emil) ---- */
  --ease-out:    cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --ease-expo:   cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast:   160ms;
  --dur-mid:    280ms;
  --dur-slow:   600ms;
  --dur-reveal: 900ms;

  /* ---- Elevation ---- */
  --shadow-soft: 0 1px 2px oklch(0% 0 0 / 0.4), 0 18px 40px -20px oklch(0% 0 0 / 0.7);
  --shadow-lift: 0 2px 4px oklch(0% 0 0 / 0.45), 0 40px 80px -30px oklch(0% 0 0 / 0.8);
}