/* ============================================
   DESIGN TOKENS — Seva That Builds Generations
   Dr. Prakash Jain — Padma Bhushan Portfolio
   ============================================ */

:root {
  /* Colors */
  --navy-deep: #0f1f3d;
  --navy: #14274e;
  --navy-soft: #1c3159;
  --cream: #f5ede1;
  --cream-light: #faf6ee;
  --cream-dark: #ece0cc;
  --gold: #c08a35;
  --gold-light: #d9a94f;
  --gold-soft: #e8c988;
  --maroon: #8c3a2b;
  --maroon-light: #a9503d;
  --ink: #22201c;
  --ink-soft: #4a463e;
  --white: #ffffff;

  /* Typography */
  --font-display: "Playfair Display", Georgia, "Times New Roman", serif;
  --font-body: "Inter", "Segoe UI", Arial, sans-serif;
  --font-script: "Cormorant Garamond", Georgia, serif;

  /* Spacing */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 2rem;
  --space-lg: 4rem;
  --space-xl: 6rem;

  /* Layout */
  --max-width: 1200px;
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 24px;

  /* Shadows */
  --shadow-soft: 0 10px 30px rgba(15, 31, 61, 0.08);
  --shadow-card: 0 4px 20px rgba(15, 31, 61, 0.06);
  --shadow-lift: 0 20px 40px rgba(15, 31, 61, 0.15);

  /* Transitions */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
}