/* WordGPT — Design tokens (professional refinement) */
:root {
  /* Brand */
  --brand-primary: #5B4EE8;
  --brand-primary-hover: #4a3dd4;
  --brand-dark: #0D0B1E;
  --brand-light: #F8F7FF;
  --accent-teal: #00C9A7;
  --accent-teal-bright: #00E5B8;
  --accent-gold: #FFB830;
  --accent-rose: #FF4D6D;

  /* Typography — Professional: Outfit (headings), Plus Jakarta Sans (body) */
  --font-display: 'Outfit', system-ui, sans-serif;
  --font-body: 'Plus Jakarta Sans', system-ui, sans-serif;

  /* Weights */
  --fw-normal: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-extrabold: 800;

  /* Radii */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-pill: 100px;

  /* Shadows — subtle, professional */
  --shadow-card: 0 4px 24px rgba(13, 11, 30, 0.06);
  --shadow-card-hover: 0 12px 40px rgba(13, 11, 30, 0.1);
  --shadow-nav: 0 4px 24px rgba(13, 11, 30, 0.12);
  --shadow-button: 0 4px 14px rgba(91, 78, 232, 0.35);

  /* Feature check/tick — brighter, professional */
  --check-color: #00C9A7;
  --check-color-bright: #00E5B8;
}