/* ============================================================
   KIVO DIGITAL — COLOR TOKENS
   Dark-first system. Near-pure black canvas, a single signature
   lime accent, and a cool neutral ink ramp. Light "paper" surface
   reserved for print / inverted moments.
   ============================================================ */

:root {
  /* ---- Brand core ---- */
  --kivo-lime: #b6ca22;          /* official K mark fill — the brand signature */
  --kivo-lime-bright: #c6e12e;   /* glow, data-viz strokes, hero accents */
  --kivo-lime-deep: #8e9d18;     /* pressed / shadowed lime */
  --kivo-lime-soft: #d8e87a;     /* tints on dark, hover text */

  /* ---- Ink ramp (cool near-black neutrals) ---- */
  --ink-1000: #020202;  /* the true canvas black */
  --ink-950:  #08090a;
  --ink-900:  #0e0f10;
  --ink-850:  #16181a;
  --ink-800:  #1e2123;
  --ink-700:  #2a2e31;
  --ink-600:  #3a3f43;
  --ink-500:  #555b60;
  --ink-400:  #767d83;
  --ink-300:  #9aa1a7;
  --ink-200:  #c2c7cb;
  --ink-100:  #e4e7e9;
  --ink-050:  #f3f4f5;

  /* ---- Green-tinted darks (the "K board" surfaces) ---- */
  --moss-950: #0a0d07;
  --moss-900: #0d120c;
  --moss-800: #11160e;

  /* ---- Paper (light / print surface) ---- */
  --paper: #edeae3;
  --paper-dim: #ddd9cf;

  /* ---- Semantic status ---- */
  --signal-positive: #b6ca22;
  --signal-warning:  #e8b339;
  --signal-danger:   #e5564b;
  --signal-info:     #5bb1d8;

  /* ============================================================
     SEMANTIC ALIASES — reference these in product, not raw ramps
     ============================================================ */

  /* Backgrounds */
  --bg-base:        var(--ink-1000);
  --bg-canvas:      var(--ink-950);
  --bg-elevated:    var(--ink-900);
  --bg-tint:        var(--moss-900);

  /* Surfaces / cards */
  --surface-card:        var(--ink-850);
  --surface-card-hover:  var(--ink-800);
  --surface-inset:       var(--ink-900);
  --surface-overlay:     rgba(8, 9, 10, 0.72);

  /* Borders */
  --border-subtle:  rgba(255, 255, 255, 0.07);
  --border-default: rgba(255, 255, 255, 0.12);
  --border-strong:  rgba(255, 255, 255, 0.2);
  --border-accent:  var(--kivo-lime);

  /* Text */
  --text-primary:   #f3f4f5;
  --text-secondary: var(--ink-300);
  --text-muted:     var(--ink-400);
  --text-faint:     var(--ink-500);
  --text-accent:    var(--kivo-lime);
  --text-on-accent: #0c0e02;

  /* Accent surfaces */
  --accent:          var(--kivo-lime);
  --accent-bright:   var(--kivo-lime-bright);
  --accent-pressed:  var(--kivo-lime-deep);
  --accent-wash:     rgba(182, 202, 34, 0.12);
  --accent-line:     rgba(182, 202, 34, 0.4);

  /* Focus */
  --focus-ring: rgba(182, 202, 34, 0.55);
}