/* ============================================================
   DESIGN TOKENS — Ashwamedh Spaces
   Single source of truth for all design decisions.
   ============================================================ */

:root {
  /* ─── Color: Ink ─── */
  --ink-900: #07050a;
  --ink-800: #0d0a12;
  --ink-700: #14101b;
  --ink-600: #1c1825;

  /* ─── Color: Bone (warm whites) ─── */
  --bone-100: #f5f1ec;
  --bone-200: #e8e2da;
  --bone-300: #b8b1a8;
  --bone-400: #7a7570;
  --bone-500: #4a4640;

  /* ─── Color: Brand accents ─── */
  --plum-deep: #2d0f3d;
  --plum-mid:  #4a1668;
  --plum-bright: #7b2d8b;
  --magenta:   #c2185b;
  --rose:      #e91e63;

  /* ─── Gradients ─── */
  --grad-brand: linear-gradient(135deg, #3D1A4F 0%, #7B2D8B 45%, #C2185B 100%);
  --grad-brand-soft: linear-gradient(135deg, rgba(61,26,79,0.15) 0%, rgba(194,24,91,0.10) 100%);
  --grad-fade-down: linear-gradient(180deg, transparent 0%, var(--ink-900) 100%);

  /* ─── Borders ─── */
  --line-1: rgba(245,241,236,0.06);
  --line-2: rgba(245,241,236,0.10);
  --line-3: rgba(245,241,236,0.16);

  /* ─── Type ─── */
  --serif: 'Cormorant Garamond', 'Times New Roman', serif;
  --sans:  'DM Sans', system-ui, -apple-system, sans-serif;
  --mono:  ui-monospace, 'SF Mono', Menlo, monospace;

  /* ─── Spacing scale (8pt) ─── */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;
  --s-8: 64px;
  --s-9: 96px;
  --s-10: 128px;

  /* ─── Radii ─── */
  --r-xs: 2px;
  --r-sm: 4px;
  --r-md: 8px;
  --r-lg: 16px;
  --r-pill: 999px;

  /* ─── Motion ─── */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-1: 180ms;
  --dur-2: 320ms;
  --dur-3: 560ms;
  --dur-4: 900ms;

  /* ─── Layout ─── */
  --max-w: 1280px;
  --max-w-narrow: 960px;
  --gutter: clamp(20px, 4vw, 48px);
  --nav-h: 72px;

  /* ─── Shadow ─── */
  --shadow-card: 0 1px 0 rgba(245,241,236,0.04) inset, 0 30px 60px -30px rgba(0,0,0,0.8);
  --shadow-glow: 0 0 0 1px rgba(194,24,91,0.25), 0 20px 60px -20px rgba(123,45,139,0.4);
}