/* ===========================================================================
   Cosmic Shradha — Color tokens
   Values transcribed verbatim from the Figma source. Do not snap to a grid.
   =========================================================================== */

:root {
  /* ---- Brand plum (the signature deep maroon of every header) ---- */
  --plum-900: rgb(67, 25, 63);   /* deepest header base, gradient end */
  --plum-800: rgb(76, 26, 73);   /* header mid */
  --plum-700: rgb(84, 32, 78);   /* primary button / edit-glyph */
  --plum-600: rgb(104, 37, 97);  /* icon circle fill */
  --plum-500: rgb(110, 39, 103); /* header radial highlight */
  --plum-100: rgb(250, 235, 249);/* tinted plum surface (selected pill) */
  --plum-050: rgb(252, 249, 245);/* warm off-white wash */

  /* ---- Accent gold (premium, CTA banners, "My Kundli" title) ---- */
  --gold-500: rgb(255, 218, 68);  /* --yellow */
  --gold-400: rgb(254, 227, 143); /* banner gradient light */
  --gold-title: rgb(255, 189, 46);/* Kundli card heading */

  /* ---- Accent magenta / pink ---- */
  --magenta-500: rgb(252, 61, 211);
  --pink-500: rgb(243, 73, 144);  /* --blue (mislabelled in source) */
  --pink-avatar: rgb(252, 61, 211);

  /* ---- Cosmic blue (zodiac wheel, nakshatra) ---- */
  --blue-500: rgb(75, 92, 229);   /* link / phone number */
  --blue-nakshatra: rgb(63, 108, 214);

  /* ---- Neutrals ---- */
  --white: rgb(255, 255, 255);
  --surface-app: rgb(246, 248, 250);   /* neutral-100, app background */
  --surface-card: rgb(255, 255, 255);
  --stroke: rgb(237, 241, 243);
  --stroke-soft: rgba(38, 40, 48, 0.1); /* hairline divider inside cards */
  --overlay-scrim: rgba(35, 31, 32, 0.55); /* modal / sheet backdrop */

  /* ---- Text ---- */
  --text-heading: rgb(36, 39, 46);
  --text-body: rgb(38, 40, 48);   /* maintext */
  --text-muted: rgb(106, 114, 132);/* bottomtext */
  --text-grey: rgb(108, 114, 120);
  --text-on-plum: rgb(246, 248, 250);

  /* ---- Semantic ---- */
  --success: rgb(52, 199, 89);    /* toggle on, "SAVE" badge */
  --success-fg: rgb(29, 137, 72);
  --success-bg: rgb(223, 245, 231);
  --danger: rgb(216, 0, 39);      /* --bright-red */
  --danger-soft: rgb(231, 111, 125); /* delete circle */
  --warning: rgb(245, 154, 35);   /* Beginner badge text */

  /* ---- Panchang / stat-card pastel tints (fill / accent pairs) ---- */
  --tint-tithi-bg: rgb(250, 235, 249);   --tint-tithi-fg: rgb(211, 74, 179);
  --tint-nakshatra-bg: rgb(233, 238, 251);--tint-nakshatra-fg: rgb(63, 108, 214);
  --tint-sunrise-bg: rgb(255, 243, 228);  --tint-sunrise-fg: rgb(240, 138, 40);
  --tint-sunset-bg: rgb(228, 246, 236);   --tint-sunset-fg: rgb(38, 166, 91);
  --tint-abhijit-bg: rgb(248, 238, 250);  --tint-abhijit-fg: rgb(168, 74, 211);
  --tint-rahu-bg: rgb(233, 240, 251);     --tint-rahu-fg: rgb(63, 108, 214);

  /* ---- Level badge tints ---- */
  --level-beginner-bg: rgb(255, 240, 224); --level-beginner-fg: rgb(240, 138, 40);
  --level-pro-bg: rgb(228, 240, 251);      --level-pro-fg: rgb(46, 116, 224);
  --level-inter-bg: rgb(255, 232, 236);    --level-inter-fg: rgb(226, 74, 96);
  --level-lessons-bg: rgb(228, 246, 236);  --level-lessons-fg: rgb(38, 143, 82);

  /* ---- Signature gradients ---- */
  --grad-header: radial-gradient(313px 347px at 95% 6%, var(--plum-500) 0%, var(--plum-900) 100%); /* @kind color */
  --grad-header-linear: linear-gradient(180deg, var(--plum-700) 0%, var(--plum-900) 100%); /* @kind color */
  --grad-button: linear-gradient(180deg, rgb(96, 34, 88) 0%, rgb(74, 24, 68) 100%); /* @kind color */
  --grad-premium: linear-gradient(90deg, rgb(254, 227, 143) 0%, rgb(255, 200, 70) 100%); /* @kind color */
  --grad-moon-banner: linear-gradient(90deg, rgb(255, 214, 158) 0%, rgb(240, 118, 190) 55%, rgb(197, 74, 200) 100%); /* @kind color */
}