/* ═══════════════════════════════════════════════════════
   thejarr — Colour Theme (light)
   Edit this file to change the entire site palette.
   Dark overrides live in theme-dark.css
═══════════════════════════════════════════════════════ */

:root {
  /* ── Text ─────────────────────────────────────────── */
  --ink:              #0e0e0e;
  --ink-soft:         #3a3a3a;
  --ink-muted:        #888;

  /* ── Backgrounds ──────────────────────────────────── */
  --canvas:           #f8fafb;
  --white:            #ffffff;
  --nav-bg:           rgba(255,255,255,0.92);
  --nav-mobile-bg:    rgba(255,255,255,0.98);
  --surface-inverse:  #0e0e0e;   /* dark blocks: CTA, phone, cmd blocks */

  /* ── Accent (brand colour) ────────────────────────── */
  --amber:            #f5a623;
  --amber-deep:       #d4831a;
  --amber-pale:       #fff8ec;
  --amber-glow:       rgba(245,166,35,0.12);
  --accent-border:    rgba(245,166,35,0.3);

  /* ── Semantic ─────────────────────────────────────── */
  --green:            #10b981;

  /* ── Borders ──────────────────────────────────────── */
  --border:           #e5e7eb;
  --border-strong:    #d1d5db;
}