/* ==========================================================
   StarCards — v3 "Electric Plum & Gold" design tokens
   SINGLE SOURCE OF TRUTH for the --sc-v3-* custom properties.

   These tokens were previously duplicated (with identical values)
   in starcards-v3.css, starcards-v3-auth.css and
   starcards-v3-account.css. They now live here once and are
   enqueued as the 'starcards-v3-tokens' handle, declared a
   dependency of each of those three stylesheets in functions.php
   so the tokens always load first and every var() resolves.

   This block is the UNION of every token the three pages defined
   (all shared values were byte-identical). A page that never
   references a given token is unaffected by also having it
   defined — unused custom properties are inert.

   Accessibility: low-contrast tones were darkened to WCAG AA.
   ========================================================== */

:root {
  /* Typography (webfonts load via the 'starcards-v3-fonts' handle) */
  --sc-v3-display: 'Sora', 'DM Sans', system-ui, sans-serif;
  --sc-v3-body: 'DM Sans', system-ui, -apple-system, sans-serif;
  --sc-v3-numeral: 'Sora', 'DM Sans', sans-serif;
  --sc-v3-mono: 'JetBrains Mono', ui-monospace, monospace;

  /* Surfaces / canvas */
  --sc-v3-bg: #f7f6fb;          /* app canvas, faint violet */
  --sc-v3-bg-2: #eeecf6;        /* recessed */
  --sc-v3-surface: #ffffff;     /* cards */

  /* Brand / actions */
  --sc-v3-primary: #6d28d9;     /* actions, active nav, links */
  --sc-v3-primary-deep: #4c1d95;/* sidebar fill, hover */
  --sc-v3-primary-wash: rgba(109, 40, 217, 0.08);

  /* Ink */
  --sc-v3-text: #1e1b2e;        /* plum-black */
  --sc-v3-muted: #57536b;       /* labels, meta — darkened for AA on white */

  /* Hairlines */
  --sc-v3-line: #e7e4f0;
  --sc-v3-line-deep: rgba(255, 255, 255, 0.12);

  /* Status — success */
  --sc-v3-success: #15803d;     /* darkened for AA */
  --sc-v3-success-wash: rgba(22, 163, 74, 0.12);

  /* Status — danger */
  --sc-v3-danger: #e11d48;
  --sc-v3-danger-ink: #9f1239;  /* AA-safe danger text on the wash */
  --sc-v3-danger-wash: rgba(225, 29, 72, 0.10);

  /* Gold star motif — quarantined to the brand star + redirects metric */
  --sc-v3-star: #f5b301;        /* STAR motif + redirects metric ONLY */
  --sc-v3-star-wash: rgba(245, 179, 1, 0.16);
  --sc-v3-star-ink: #7a5500;    /* gold-on-light text, AA-safe */

  /* Sidebar (deep plum) low-contrast tones bumped for AA — dashboard */
  --sc-v3-side-text: #ede9f8;
  --sc-v3-side-muted: #c9bcec;  /* was #A493D6 — bumped for AA on plum */
  --sc-v3-side-link: #e1d8f5;   /* was #D9CFF0 */

  /* Radii / shape */
  --sc-v3-r-sm: 9px;
  --sc-v3-r: 14px;
  --sc-v3-r-lg: 20px;
  --sc-v3-r-xl: 28px;
  --sc-v3-pill: 999px;

  /* Elevation / motion */
  --sc-v3-shadow: 0 22px 48px -28px rgba(30, 27, 46, 0.40);
  --sc-v3-shadow-sm: 0 8px 22px -16px rgba(30, 27, 46, 0.45);
  --sc-v3-ring: 0 0 0 4px var(--sc-v3-primary-wash);
  --sc-v3-ease: cubic-bezier(0.4, 0, 0.2, 1);
}