/* ==========================================================================
   TABOO 0 BY NT — LUXURY DESIGN SYSTEM
   Inspired by: Saint Laurent, Aesop, Awwwards, Nothing, Apple
   ========================================================================== */

:root {

  /* ── Surface Palette ─────────────────────────────────────────────── */
  --bg-void:        #030304;      /* deepest black — page background */
  --bg-surface:     #08080a;      /* elevated surfaces */
  --bg-raised:      #0e0e12;      /* cards, panels */
  --bg-overlay:     #141418;      /* overlapping elements */

  /* Glassmorphism */
  --glass-nav:      rgba(3, 3, 4, 0.86);
  --glass-card:     rgba(14, 14, 18, 0.72);
  --glass-modal:    rgba(8, 8, 10, 0.96);
  --glass-drawer:   rgba(8, 8, 10, 0.98);

  /* ── Gold Palette ────────────────────────────────────────────────── */
  --gold:           #c9a84c;      /* primary warm gold */
  --gold-bright:    #e8c97a;      /* highlights */
  --gold-dim:       #8a6d2f;      /* muted gold */
  --gold-ivory:     #f0e6cc;      /* near-ivory */
  --gold-gradient:  linear-gradient(135deg, #f0e6cc 0%, #c9a84c 45%, #8a6d2f 100%);
  --gold-glow:      rgba(201, 168, 76, 0.18);
  --gold-subtle:    rgba(201, 168, 76, 0.08);
  --gold-border:    rgba(201, 168, 76, 0.22);

  /* ── Crimson Accent ──────────────────────────────────────────────── */
  --crimson:        #9c1d2d;
  --crimson-bright: #c8102e;

  /* ── WhatsApp ────────────────────────────────────────────────────── */
  --wa-green:       #25d366;
  --wa-dark:        #128c7e;

  /* ── Typography Colors ───────────────────────────────────────────── */
  --ink-primary:    #f5f1eb;      /* warm white — main text */
  --ink-secondary:  #b8b0a4;      /* secondary copy */
  --ink-muted:      #6e6860;      /* muted / labels */
  --ink-subtle:     #3d3830;      /* barely visible */

  /* ── Borders ─────────────────────────────────────────────────────── */
  --line:           rgba(245, 241, 235, 0.06);   /* hairline dividers */
  --line-gold:      rgba(201, 168, 76, 0.18);    /* gold accented lines */
  --line-gold-vivid: rgba(201, 168, 76, 0.55);   /* active gold lines */

  /* ── Fonts ───────────────────────────────────────────────────────── */
  --font-serif:     'Cormorant Garamond', 'Playfair Display', Georgia, serif;
  --font-display:   'Playfair Display', 'Cormorant Garamond', Georgia, serif;
  --font-body:      'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

  /* ── Spacing (Editorial — generous white space) ──────────────────── */
  --s1:   0.5rem;    /*  8px */
  --s2:   1rem;      /* 16px */
  --s3:   1.5rem;    /* 24px */
  --s4:   2.5rem;    /* 40px */
  --s5:   4rem;      /* 64px */
  --s6:   6rem;      /* 96px */
  --s7:   9rem;      /* 144px */

  /* ── Borders Radii ────────────────────────────────────────────────── */
  --r0:  0;
  --r1:  2px;
  --r2:  6px;
  --r3:  12px;
  --r4:  20px;
  --r-pill: 9999px;

  /* ── Shadows ─────────────────────────────────────────────────────── */
  --shadow-sm:    0 4px 16px rgba(0,0,0,0.5);
  --shadow-md:    0 12px 40px rgba(0,0,0,0.7);
  --shadow-lg:    0 24px 64px rgba(0,0,0,0.85);
  --shadow-gold:  0 8px 30px rgba(201, 168, 76, 0.2);

  /* ── Motion ──────────────────────────────────────────────────────── */
  --ease:        cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in:     cubic-bezier(0.4, 0, 1, 1);
  --ease-out:    cubic-bezier(0, 0, 0.2, 1);
  --dur-fast:    0.2s;
  --dur-mid:     0.4s;
  --dur-slow:    0.7s;

  /* ── Layout ──────────────────────────────────────────────────────── */
  --site-max:     1440px;
  --site-gutter:  clamp(1.5rem, 5vw, 5rem);
  --nav-h:        72px;
}