/* ── i-ikigai design tokens — single source of truth ───────
   Consumed by the portfolio app and all three field guides
   (/guide, /agents, /platform). Hex lives here once; the two
   naming dialects (portfolio + guides) alias the same values.
──────────────────────────────────────────────────────────── */
:root {
  /* canonical palette */
  --ik-bg:      #0d0f14;
  --ik-bg2:     #12151c;
  --ik-surface: #181c26;
  --ik-border:  #232840;
  --ik-border-soft: #1a1f30;
  --ik-teal:    #00e5cc;
  --ik-amber:   #f5a623;
  --ik-violet:  #a78bfa;
  --ik-pink:    #ff5c8a;
  --ik-green:   #6ee7a0;
  --ik-text:    #e8eaf0;
  --ik-muted:   #6b7490;

  /* canonical type */
  --ik-serif: 'DM Serif Display', Georgia, serif;
  --ik-sans:  'DM Sans', system-ui, sans-serif;
  --ik-mono:  'DM Mono', 'Courier New', monospace;

  /* portfolio dialect */
  --bg:        var(--ik-bg);
  --bg2:       var(--ik-bg2);
  --surface:   var(--ik-surface);
  --border:    var(--ik-border);
  --teal:      var(--ik-teal);
  --teal-dim:  rgba(0, 229, 204, 0.12);
  --teal-glow: rgba(0, 229, 204, 0.35);
  --amber:     var(--ik-amber);
  --text:      var(--ik-text);
  --muted:     var(--ik-muted);
  --serif:     var(--ik-serif);
  --sans:      var(--ik-sans);

  /* guide dialect */
  --panel:      var(--ik-surface);
  --panel-2:    var(--ik-bg2);
  --line:       var(--ik-border);
  --line-soft:  var(--ik-border-soft);
  --amber-dim:  rgba(245, 166, 35, 0.13);
  --cyan:       var(--ik-teal);
  --cyan-dim:   rgba(0, 229, 204, 0.1);
  --pink:       var(--ik-pink);
  --pink-dim:   rgba(255, 92, 138, 0.12);
  --green:      var(--ik-green);
  --violet:     var(--ik-violet);
  --violet-dim: rgba(167, 139, 250, 0.12);
  --display:    var(--ik-serif);
  --body:       var(--ik-sans);
  --mono:       var(--ik-mono);
}
