/* =================================================================
   KIZURI STUDIO — TOKENS
   -----------------------------------------------------------------
   Fonte única de verdade visual. A home, o site de builds e o painel
   admin importam ESTE arquivo. Mude uma cor aqui e ela muda nos três.
   Não coloque regras de layout nem classes aqui — só variáveis.
   ================================================================= */

:root{
  /* ---- cor (fallback sRGB para navegadores sem oklch) ---- */
  --bg:        #0a0b0a;
  --bg-soft:   rgba(10,11,10,.90);
  --void:      #050605;
  --ink:       #f1f3ec;
  --dim:       #8f958a;
  --acid:      #cdf23c;
  --acid-ink:  #070807;
  --line:      rgba(241,243,236,.14);
  --line-soft: rgba(241,243,236,.07);

  /* ---- tipografia ---- */
  --mono:  'DM Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  --sans:  'Archivo', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --serif: 'Instrument Serif', Georgia, 'Times New Roman', serif;

  /* ---- métrica ---- */
  --gut:  clamp(18px, 5vw, 64px);
  --wrap: 1600px;

  /* ---- movimento ---- */
  --ease:    cubic-bezier(.16, 1, .3, 1);
  --ease-io: cubic-bezier(.72, 0, .16, 1);

  /* ---- camadas (z-index) ---- */
  --z-field:    0;
  --z-overlay:  1;
  --z-content:  2;
  --z-grain:   60;
  --z-hud:    120;
  --z-header: 130;
  --z-cursor: 200;
  --z-skip:   300;
}

/* P3 / gamut largo: a mesma paleta, mais saturada onde o monitor permite */
@supports (color: oklch(0% 0 0)){
  :root{
    --bg:        oklch(14%  .006 140);
    --bg-soft:   oklch(14%  .006 140 / .90);
    --void:      oklch(9%   .004 140);
    --ink:       oklch(95%  .014 115);
    --dim:       oklch(68%  .016 115);
    --acid:      oklch(90%  .23  125);
    --line:      oklch(95%  .014 115 / .14);
    --line-soft: oklch(95%  .014 115 / .07);
  }
}