/* ============================================================
   GRANDMA STAND — COLOR TOKENS
   Sampled directly from the brand's logos & social kit.
   Deep purple + magenta on lavender is the whole world.
   ============================================================ */

:root {
  /* ---- Core brand ramp (purple) ---- */
  --gs-purple-900: #4A1A67;   /* deepest plum — heavy shadows, dark bg text */
  --gs-purple-800: #5B1A78;
  --gs-purple-700: #6B1E8C;   /* PRIMARY purple — wordmark top, hero bg */
  --gs-purple-600: #7C2FA0;
  --gs-purple-500: #8E4DB4;

  /* ---- Magenta (secondary) ---- */
  --gs-magenta-700: #7A0F75;
  --gs-magenta-600: #961490;   /* SECONDARY magenta — "STAND", accent bg */
  --gs-magenta-500: #AA35A5;

  /* ---- Lavender / orchid tints ---- */
  --gs-lavender-500: #C396E1;  /* signature light lavender — soft bg, fences */
  --gs-lavender-400: #D2AFEA;
  --gs-lavender-300: #E7CDF4;
  --gs-lavender-200: #F1E2F9;
  --gs-lavender-100: #F8F1FD;  /* near-white wash */

  /* ---- Neutrals ---- */
  --gs-white: #FFFFFF;
  --gs-ink: #2C1338;           /* warm near-black for body copy on light */
  --gs-ink-soft: #5A4A66;      /* muted body text */

  /* ============================================================
     SEMANTIC ALIASES — reach for these in product work
     ============================================================ */

  /* Brand */
  --gs-brand: var(--gs-purple-700);
  --gs-brand-strong: var(--gs-purple-900);
  --gs-accent: var(--gs-magenta-600);
  --gs-tint: var(--gs-lavender-500);

  /* Surfaces */
  --surface-page: var(--gs-lavender-100);
  --surface-card: var(--gs-white);
  --surface-brand: var(--gs-purple-700);
  --surface-accent: var(--gs-magenta-600);
  --surface-tint: var(--gs-lavender-500);
  --surface-tint-soft: var(--gs-lavender-200);

  /* Text */
  --text-body: var(--gs-ink);
  --text-muted: var(--gs-ink-soft);
  --text-brand: var(--gs-purple-700);
  --text-accent: var(--gs-magenta-600);
  --text-on-brand: var(--gs-white);
  --text-on-tint: var(--gs-purple-800);

  /* Lines & borders */
  --border-soft: var(--gs-lavender-300);
  --border-brand: var(--gs-purple-700);

  /* Focus ring */
  --focus-ring: var(--gs-magenta-600);

  /* Signature gradient (wordmark: purple → magenta, left to right) */
  --gs-gradient-brand: linear-gradient(100deg, var(--gs-purple-700) 0%, var(--gs-magenta-600) 100%);
  --gs-gradient-hero: linear-gradient(160deg, var(--gs-purple-700) 0%, var(--gs-magenta-700) 100%);
}