/* ============================================================
   RAJESH COMPANY — Design Tokens
   Aesthetic: Luxury Editorial · Ink & Paper · Precision Craft
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400&family=Syne:wght@400;500;600;700;800&family=JetBrains+Mono:wght@300;400&display=swap');

:root {
  /* ── Palette: Deep Ink + Warm Ivory + Vermillion ── */
  --ink-950:   #0c0a08;
  --ink-900:   #181410;
  --ink-800:   #2a2318;
  --ink-700:   #3d3226;
  --ink-600:   #5a4a37;
  --ink-500:   #7a6650;
  --ink-400:   #a08c74;
  --ink-300:   #c4b09a;
  --ink-200:   #dfd4c4;
  --ink-100:   #f0ebe0;
  --ink-50:    #faf8f3;

  --paper:     #fdfbf6;
  --white:     #ffffff;

  --vermillion:      #c0392b;
  --vermillion-dark: #922b1f;
  --vermillion-glow: rgba(192, 57, 43, 0.12);

  --accent-gold:  #b8913a;
  --accent-sage:  #4a5e4a;

  /* ── Typography ── */
  --font-display: 'Cormorant Garamond', 'Georgia', serif;
  --font-ui:      'Syne', system-ui, sans-serif;
  --font-mono:    'JetBrains Mono', monospace;

  /* ── Spacing scale ── */
  --s-1:  4px;
  --s-2:  8px;
  --s-3:  12px;
  --s-4:  16px;
  --s-5:  20px;
  --s-6:  24px;
  --s-8:  32px;
  --s-10: 40px;
  --s-12: 48px;
  --s-16: 64px;
  --s-20: 80px;
  --s-24: 96px;
  --s-32: 128px;

  /* ── Radii ── */
  --r-sm:  4px;
  --r-md:  8px;
  --r-lg:  16px;
  --r-xl:  24px;
  --r-2xl: 40px;

  /* ── Shadows ── */
  --shadow-sm:  0 1px 3px rgba(12,10,8,0.08), 0 1px 2px rgba(12,10,8,0.06);
  --shadow-md:  0 4px 12px rgba(12,10,8,0.1), 0 2px 6px rgba(12,10,8,0.06);
  --shadow-lg:  0 16px 40px rgba(12,10,8,0.14), 0 4px 12px rgba(12,10,8,0.08);
  --shadow-xl:  0 32px 64px rgba(12,10,8,0.18), 0 8px 24px rgba(12,10,8,0.1);

  /* ── Transitions ── */
  --ease-out:   cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in:    cubic-bezier(0.4, 0, 1, 1);
  --ease-inout: cubic-bezier(0.4, 0, 0.2, 1);
  --t-fast: 150ms;
  --t-base: 250ms;
  --t-slow: 400ms;
  --t-xslow: 700ms;

  /* ── Layout ── */
  --nav-h:    72px;
  --max-w:    1200px;
  --max-w-sm: 760px;
}