/* ============================================================
   Course Studio — design tokens (Design A2 · SEU)
   Southeastern University · Fire Red on Cool Gray + Black.
   Loaded BEFORE style.css so every rule can reach the CSS
   custom properties below via var(--token).

   Display:  Space Grotesk 500/700  -> --font-display
   Body:     Source Sans 3 400/600  -> --font-body
   Mono:     JetBrains Mono 400/600 -> --font-mono
   ============================================================ */

:root {
  /* Surface */
  --paper:       #ffffff;
  --paper-soft:  #f5f6f6;
  --paper-tint:  #fafafa;

  /* Type */
  --ink:         #000000;
  --ink-soft:    #4a4d4f;
  --ink-mute:    #8a8e90;

  /* Rules */
  --rule:        #C1C6C8;
  --rule-soft:   #e6e8e9;

  /* Brand accent — Fire Red, single accent. */
  --accent:      #CE0019;
  --accent-deep: #a30014;
  --accent-soft: #fdecee;

  /* Semantic state colors — kept distinct from --accent so
     status chips (draft/good/bad) read as signals, not brand. */
  --good:        #1e6b2d;
  --good-soft:   #e6f4ea;
  --good-rule:   #c6e6d0;

  --warn:        #7a5a00;
  --warn-soft:   #fef3d6;
  --warn-rule:   #d4a017;

  --bad:         #a4302b;
  --bad-soft:    #fdecec;
  --bad-rule:    #f2b8b5;

  /* Code token colors (mirrors lesson.css token palette) */
  --tok-kw:  #CE0019;
  --tok-str: #4a4d4f;
  --tok-num: #000000;
  --tok-com: #8a8e90;
  --tok-bi:  #000000;

  /* Type families */
  --font-display: "Space Grotesk", system-ui, sans-serif;
  --font-body:    "Source Sans 3", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --font-mono:    "JetBrains Mono", "Consolas", "Monaco", "Courier New", monospace;

  /* Layout */
  --radius-sm: 2px;
  --radius:    3px;
  --radius-lg: 4px;
}