/* tokens.css: the only home for color values on n1.nixfred.com (factory: tokens are law).
   Palette: NinjaOne brand colors, pulled from the live ninjaone.com CSS custom
   properties 2026-08-02 (Fred ruling: use their colors). */
:root {
  /* palette (NinjaOne: vivid green, sky cyan, dark navy blues) */
  --ink: #0d2d44;
  --ink-2: #09344f;
  --ink-3: #053856;
  --bone: #f4f8f8;
  --bone-dim: #bccad4;
  --bone-faint: #89a3b3;
  --brand: #04ff88;
  --brand-text: #48e275;
  --sky: #55ebff;
  --sky-dim: #007da5;

  /* derived shades */
  --brand-border: rgba(4, 255, 139, 0.30);
  --brand-glow: rgba(4, 255, 139, 0.13);
  --sky-border: rgba(85, 235, 255, 0.25);
  --bone-border: rgba(244, 248, 248, 0.10);
  --ink-overlay: rgba(13, 45, 68, 0.85);
  --kanji-watermark: rgba(4, 255, 139, 0.07);
  --kanji-mark: rgba(4, 255, 139, 0.9);

  /* type */
  --font-display: 'Orbitron', sans-serif;
  --font-body: 'Inter', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
  --font-kanji: 'Shippori Mincho B1', serif;

  /* rhythm */
  --maxw: 1100px;
  --gutter: clamp(20px, 4vw, 48px);
  --section-gap: clamp(44px, 6vw, 76px);

  color-scheme: dark;
}

/* print palette: clean single-color paper resume. Colors live here so
   print.css stays layout-only and the tokens gate holds on paper too. */
@media print {
  :root {
    --ink: #ffffff;
    --ink-2: #ffffff;
    --ink-3: #ffffff;
    --bone: #1a1a1a;
    --bone-dim: #333333;
    --bone-faint: #555555;
    --brand: #1a1a1a;
    --brand-text: #1a1a1a;
    --sky: #1a1a1a;
    --sky-dim: #1a1a1a;
    --brand-border: #cccccc;
    --brand-glow: #ffffff;
    --sky-border: #cccccc;
    --bone-border: #dddddd;
    --ink-overlay: #ffffff;
    --kanji-watermark: rgba(0, 0, 0, 0);
    --kanji-mark: #1a1a1a;
    color-scheme: light;
  }
}