/* Resume Aura — design tokens (§1). Single source of truth for color,
   gradient, radius, shadow, and motion. Everything downstream references
   these custom properties; no raw hex outside this file (except inside
   gradient stops that compose the tokens here). */

:root {
  /* ---- 1.1 Colors (sRGB) -------------------------------------------- */
  --ink: #1A0D2E;          /* primary dark text / dark surfaces */
  --ink2: #2A1A47;         /* dark gradient mid */
  --ink-deep: #3D1A55;     /* dark gradient end */
  --cream: #FEF9F0;        /* app/page background (light) */
  --paper: #FFFDF7;        /* card surfaces */
  --canvas: #ECE6DB;       /* secondary surface */
  --lemon: #FAE14B;        /* yellow accent / primary-button text */
  --lemon-dark: #E5C71A;   /* gauge / bar */
  --mint: #B7F0CD;         /* positive */
  --mint-dark: #5AC77F;    /* positive strong / success */
  --coral: #FF8A7A;        /* destructive / error / negative delta */
  --magenta: #FF4DB8;      /* gradient anchor */
  --violet: #8A5CF6;       /* accent: links, invite, sparkline, marker */
  --cyan: #4DD6FF;         /* gradient anchor */
  --text-muted: #6B5E88;   /* secondary text */
  --divider: #EEE6D4;      /* hairlines */
  --field-bg: #F0EBE0;     /* inputs / icon chips / segmented track */
  --border-soft: rgba(0, 0, 0, 0.06); /* soft card borders */

  /* translucent helpers reused across components */
  --ink-06: rgba(26, 13, 46, 0.06);
  --ink-08: rgba(26, 13, 46, 0.08);
  --ink-10: rgba(26, 13, 46, 0.10);
  --ink-15: rgba(26, 13, 46, 0.15);
  --ink-25: rgba(26, 13, 46, 0.25);
  --white-06: rgba(255, 255, 255, 0.06);
  --white-08: rgba(255, 255, 255, 0.08);
  --white-10: rgba(255, 255, 255, 0.10);
  --white-15: rgba(255, 255, 255, 0.15);
  --white-35: rgba(255, 255, 255, 0.35);
  --white-55: rgba(255, 255, 255, 0.55);
  --white-60: rgba(255, 255, 255, 0.60);
  --white-70: rgba(255, 255, 255, 0.70);
  --white-75: rgba(255, 255, 255, 0.75);
  --white-80: rgba(255, 255, 255, 0.80);

  /* ---- 1.2 Fonts ---------------------------------------------------- */
  --font-display: 'Instrument Serif', Georgia, 'Times New Roman', serif;
  --font-body: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* ---- 1.3 Gradients ------------------------------------------------ */
  --grad-conic: conic-gradient(from 210deg at 50% 50%, var(--magenta), var(--violet), var(--cyan), var(--lemon), var(--magenta));
  --grad-aura-ribbon: linear-gradient(90deg, var(--magenta), var(--violet), var(--cyan));
  --grad-pink-violet: linear-gradient(90deg, var(--magenta), var(--violet));
  --grad-pink-lemon: linear-gradient(90deg, var(--magenta), var(--lemon));
  --grad-ink-night: linear-gradient(180deg, var(--ink), var(--ink2), var(--ink-deep));
  --grad-score-backdrop: linear-gradient(180deg, var(--ink) 0%, var(--ink2) 40%, var(--cream) 80%);

  /* sub-score bars */
  --bar-good: linear-gradient(90deg, var(--mint), var(--mint-dark));
  --bar-ok: linear-gradient(90deg, var(--lemon), var(--lemon-dark));
  --bar-bad: linear-gradient(90deg, var(--coral), var(--magenta));

  /* fix-sheet "after" card */
  --grad-mint-cyan: linear-gradient(135deg, rgba(183, 240, 205, 0.55), rgba(77, 214, 255, 0.30));

  /* ---- 1.4 Radii / shadow / motion --------------------------------- */
  --r-6: 6px;   --r-8: 8px;   --r-10: 10px; --r-12: 12px; --r-14: 14px;
  --r-16: 16px; --r-20: 20px; --r-22: 22px; --r-28: 28px; --r-pill: 9999px;

  --shadow-card: 0 8px 18px rgba(26, 13, 46, 0.06);
  --shadow-paper: 0 4px 24px rgba(26, 13, 46, 0.08);
  --shadow-toast: 0 10px 20px rgba(26, 13, 46, 0.4);

  --ease-pop: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-soft: cubic-bezier(0.4, 0, 0.2, 1);
}