/* ==========================================================================
   Variables — Design tokens for yanjaa.com
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,500;0,9..144,600;0,9..144,700;0,9..144,800;0,9..144,900;1,9..144,400;1,9..144,500&family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400;1,500&display=swap');

:root {
  /* Primary Palette */
  --deep-forest: #0d5c4b;
  --forest-green: #0d6b58;
  --turquoise: #1fb8b0;
  --turquoise-dark: #18948e;

  /* Pinks & Purple */
  --blush-light: #ffd6e5;
  --blush: #f5a0b8;
  --orchid: #e88aad;
  --lavender: #a894d4;
  --lavender-deep: #8b7bb8;

  /* Golds */
  --amber: #f5a623;
  --gold: #c9951a;
  --olive-gold: #9a7a28;
  --champagne: #d4b06a;

  /* Deluxe — deep blue-green into Mongolian cobalt */
  --peacock: #006675;
  --cobalt: #015197;
  --gradient-deluxe: linear-gradient(135deg, var(--peacock), var(--cobalt));

  /* Text Colors - Never pure black/white */
  --text-on-dark: #f5f0eb;
  --text-on-light: #2d3a36;
  --text-muted-dark: #c8c2bb;
  --text-muted-light: #5a6b64;

  /* Backgrounds */
  --cream: #faf7f2;
  --warm-white: #fffcf7;

  /* Typography */
  --font-display: 'Fraunces', Georgia, serif;
  --font-body: 'Plus Jakarta Sans', system-ui, sans-serif;

  /* Spacing */
  --section-padding: clamp(4rem, 10vw, 8rem);
  --container-max: 1400px;
  --container-padding: clamp(1.5rem, 5vw, 4rem);
}