/* WeSkye Studio — design tokens v0.1
 * Parent system. Children (Fewer, future products) inherit the spirit
 * (paper grounds, ink, mono+sans+serif stack) and override the accent. */

@import url('https://fonts.googleapis.com/css2?family=Newsreader:opsz,wght@6..72,400;6..72,500;6..72,600&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500;600&display=swap');

:root {
  /* ── Grounds ───────────────────────────────────────────────── */
  --ws-ground-paper:    #efeae0;  /* a touch warmer than Fewer's #f5f2ea */
  --ws-ground-bone:     #e7e1d3;  /* deeper paper, for cards on paper */
  --ws-ground-surface:  #ddd6c5;  /* ledger card */
  --ws-ground-ink:      #1a1814;  /* near-black, warm */
  --ws-ground-phosphor: #0c0d0a;  /* terminal black, slight green-shift */

  /* ── Ink (text) ────────────────────────────────────────────── */
  --ws-ink:        #1a1814;
  --ws-ink-muted:  #6b6759;
  --ws-ink-soft:   #9a9586;
  --ws-ink-cream:  #f4ede0;
  --ws-ink-faint:  #c8c1ae;

  /* ── Accent: amber. CRT phosphor's warm cousin. The single signal. */
  --ws-amber:        #c9831e;   /* on paper */
  --ws-amber-deep:   #8c5a18;   /* shadow / hover */
  --ws-amber-soft:   #f0d9a8;   /* fill */
  --ws-amber-glow:   #ffb84d;   /* on phosphor terminal */

  /* ── Sky: a quiet secondary, named for the studio ─────────── */
  --ws-sky:          #4a6577;   /* steel-sky blue, on paper */
  --ws-sky-soft:     #cdd6dc;   /* sky fill */

  /* ── Lines & rules ────────────────────────────────────────── */
  --ws-line:         #c8c1ae;
  --ws-line-strong:  #8a8472;
  --ws-line-phosphor:#2a3128;

  /* ── Type stack ───────────────────────────────────────────── */
  --ws-font-serif: 'Newsreader', Georgia, serif;
  --ws-font-sans:  'Inter', system-ui, sans-serif;
  --ws-font-mono:  'JetBrains Mono', ui-monospace, 'SF Mono', monospace;

  /* ── Space (same scale as Fewer for cross-system continuity) */
  --ws-sp-1: 4px;  --ws-sp-2: 8px;   --ws-sp-3: 12px; --ws-sp-4: 16px;
  --ws-sp-6: 24px; --ws-sp-8: 32px;  --ws-sp-12: 48px; --ws-sp-16: 64px;
  --ws-sp-24: 96px;

  /* ── Radius. Manuals don't have rounded corners. ────────────── */
  --ws-r-sm: 2px;  --ws-r-md: 4px;  --ws-r-lg: 6px;

  /* ── Motion ───────────────────────────────────────────────── */
  --ws-ease:     cubic-bezier(0.2, 0.8, 0.2, 1);
  --ws-ease-mech:cubic-bezier(0.4, 0.0, 0.6, 1);   /* mechanical, no overshoot */
  --ws-dur-fast: 100ms;
  --ws-dur-base: 180ms;
  --ws-dur-slow: 380ms;
}

/* Reset bits used across both directions */
*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; }