/* ─────────────────────────────────────────────────────────────────────────
   JorTech — variables.css
   Design tokens: colours, radii, typography, spacing.
   All other CSS files inherit from these custom properties.
   ───────────────────────────────────────────────────────────────────────── */

:root {
  /* Colour palette */
  --bg:        #0d1117;
  --surface:   #161b22;
  --surface2:  #21262d;
  --border:    #30363d;
  --text:      #e6edf3;
  --muted:     #8b949e;

  /* titleColor colours */
  --titleColor:    #58a6ff;   /* blue  — primary  */
  --accent2:   #3fb950;   /* green — success  */
  --accent3:   #f78166;   /* red   — warning  */
  --accent4:   #d2a8ff;   /* purple           */

  /* Shape */
  --r: 8px;

  /* Typography */
  --font: 'Segoe UI', system-ui, -apple-system, sans-serif;
  --mono: 'Courier New', monospace;
}