/* kosmodev · tokens v1.0
   Fonte da verdade. Tudo que é cor, tipo, espaço, raio, elevação e tempo mora aqui.
   Tema único: escuro (céu de observatório). Contrastes medidos contra --k-void. */
:root {
  /* ---- Cor · superfícies (céu) ---- */
  --k-void: #07080c;          /* fundo da página */
  --k-space: #0e1118;         /* superfície 1: cards, tiles */
  --k-orbit: #161a24;         /* superfície 2: hover, drawer, lightbox UI */
  --k-line: #262c3b;          /* borda decorativa */
  --k-line-strong: #3d4459;   /* borda de controle / retícula */

  /* ---- Cor · tinta (luz das estrelas) ---- */
  --k-ink: #eeeae2;           /* 16.7:1 em void · texto principal */
  --k-ink-2: #b8b6b0;         /*  9.9:1 · texto secundário */
  --k-ink-3: #8e9099;         /*  6.3:1 · rótulos, metadados (mínimo permitido) */

  /* ---- Cor · espectro (mesma L/C em oklch, muda só o matiz) ---- */
  --k-amber: #efb062;         /* oklch(.80 .12 70)  · estrela K · marca + Luz · 10.5:1 */
  --k-code: #58cef8;          /* oklch(.80 .12 225) · estrela B · Código · 11.1:1 */
  --k-sound: #ff9e9b;         /* oklch(.80 .12 22)  · estrela M · Som · 10.1:1 */
  --k-amber-a10: rgb(239 176 98 / .10);
  --k-amber-a35: rgb(239 176 98 / .35);
  --k-on-amber: #07080c;      /* texto sobre âmbar · 10.5:1 */

  /* ---- Tipografia ---- */
  --k-font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  --k-font-serif: "Newsreader", "Iowan Old Style", Georgia, serif;
  --k-fs-display: clamp(2.75rem, 1.6rem + 5.2vw, 6rem);
  --k-fs-h2: clamp(2rem, 1.4rem + 2.6vw, 3.25rem);
  --k-fs-h3: clamp(1.375rem, 1.2rem + .6vw, 1.625rem);
  --k-fs-lead: clamp(1.25rem, 1.1rem + .6vw, 1.5rem);
  --k-fs-body: clamp(1.0625rem, 1rem + .25vw, 1.1875rem);
  --k-fs-ui: .9375rem;   /* 15px mono */
  --k-fs-sm: .8125rem;   /* 13px mono */
  --k-fs-xs: .75rem;     /* 12px mono, caixa-alta, tracking .12em */
  --k-lh-tight: 1.04; --k-lh-head: 1.12; --k-lh-body: 1.62; --k-lh-ui: 1.5;
  --k-track-label: .12em;

  /* ---- Espaço (base 4) ---- */
  --k-s-1: 4px; --k-s-2: 8px; --k-s-3: 12px; --k-s-4: 16px; --k-s-5: 24px;
  --k-s-6: 32px; --k-s-7: 48px; --k-s-8: 64px; --k-s-9: 96px; --k-s-10: 128px;
  --k-section-y: clamp(80px, 12vw, 160px);
  --k-gutter: clamp(20px, 5vw, 48px);
  --k-content: 1200px;
  --k-measure: 64ch;

  /* ---- Raio, borda, elevação ---- */
  --k-r-1: 2px; --k-r-2: 4px; --k-r-3: 8px; --k-r-pill: 999px;
  --k-border: 1px solid var(--k-line);
  --k-e0: none;
  --k-e1: 0 0 0 1px var(--k-line);
  --k-e2: 0 0 0 1px var(--k-line-strong), 0 12px 32px -16px rgb(0 0 0 / .8);
  --k-e3: 0 0 0 1px var(--k-amber-a35), 0 0 40px -12px rgb(239 176 98 / .35);
  --k-z-nav: 50; --k-z-drawer: 90; --k-z-lightbox: 100; --k-z-grain: 110;

  /* ---- Breakpoints (mobile-first; referência para @media) ----
     sm 480 · md 768 · lg 1024 · xl 1440 · base 360 */

  /* ---- Movimento (espelho do objeto JS KosmoMotion.tokens) ---- */
  --k-dur-xs: .15s; --k-dur-sm: .3s; --k-dur-md: .6s; --k-dur-lg: 1s; --k-dur-xl: 1.6s;
  --k-ease-out: cubic-bezier(.12, .9, .28, 1);
  --k-ease-in-out: cubic-bezier(.7, 0, .25, 1);
  --k-dist-sm: 8px; --k-dist-md: 24px; --k-dist-lg: 56px;
}