/* StarWise Test Prep · Brand Design Tokens
 * Source of truth for colors, fonts, spacing, shadows.
 * Shared across landing (index.html) + all course tools.
 *
 * Brand colors pulled from logo-zh.svg on starwiseedu.com:
 *   #7FB82E — StarWise green (primary / CTAs)
 *   #056AAD — StarWise blue  (structural / headings)
 */
:root {
  /* ----- Brand core ----- */
  --sw-green:       #7FB82E;
  --sw-green-dark:  #64941D;
  --sw-green-tint:  #EDF6DC;
  --sw-green-wash:  #F5FAE8;

  --sw-blue:        #056AAD;
  --sw-blue-dark:   #033F70;
  --sw-blue-tint:   #E0EEF9;
  --sw-blue-wash:   #F3F8FD;

  /* ----- Surfaces ----- */
  --sw-ink:         #1a2333;
  --sw-mute:        #6b7280;
  --sw-bg:          #FAFBF7;
  --sw-bg-card:     #ffffff;
  --sw-bg-tint:     #F2F5EC;
  --sw-rule:        #E4E8D8;

  /* ----- Semantic ----- */
  --sw-gold:        #D9A441;
  --sw-warn-bg:     #FFF8E1;
  --sw-danger:      #B3332A;
  --sw-warm:        #D9833D;
  --sw-ok:          #4C8C4A;

  /* ----- Typography (match starwiseedu.com: Tailwind / NextUI system stack) ----- */
  --sw-font-sans:    ui-sans-serif, system-ui, -apple-system, "PingFang SC", "Segoe UI", Roboto, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --sw-font-display: ui-sans-serif, system-ui, -apple-system, "PingFang SC", "Segoe UI", sans-serif;
  --sw-font-mono:    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

  /* ----- Radii / shadows ----- */
  --sw-radius-sm:   4px;
  --sw-radius-md:   10px;
  --sw-radius-lg:   16px;
  --sw-shadow-sm:   0 2px 6px rgba(5,106,173,.08);
  --sw-shadow-md:   0 8px 24px rgba(5,106,173,.12);
  --sw-shadow-lg:   0 14px 40px rgba(5,106,173,.16);
}