/*
 * KrisEnigma brand tokens — single source for fonts, colors, background.
 * Edit this file only for brand-wide changes.
 *
 * Path:  ubuntu@vps:~/docs/site/assets/kris-tokens.css (minibox may keep a copy)
 * URL:   https://docs.krisenigma.com/assets/kris-tokens.css
 *
 * Consumers: docs, VPS home, ISB, Homepage (and any HUD page).
 * Shared layout/chrome: kris-chrome.css (same folder / CDN path).
 */

@import url("https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300;400;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap");
@import url("https://fonts.cdnfonts.com/css/uni-neue");

:root {
  /* Colors */
  --kris-primary: #00e1af;
  --kris-accent: #7a53dd;
  --kris-text: #ffffff;
  --kris-muted: rgba(255, 255, 255, 0.72);
  --kris-glass: rgba(255, 255, 255, 0.05);
  --kris-glass-border: rgba(255, 255, 255, 0.1);
  --kris-glass-border-hover: rgba(255, 255, 255, 0.2);
  --kris-ink: #04121f;
  --kris-warn: #c9a227;
  --kris-ok: #00e1af;
  --kris-bad: #e07a7a;

  /* Typography */
  --kris-font: "Titillium Web", sans-serif;
  --kris-font-title: "Uni Neue", "Titillium Web", sans-serif;
  --kris-mono: "IBM Plex Mono", ui-monospace, monospace;
  --kris-letter-spacing: 0.015em;

  /* Shape */
  --kris-radius: 12px;

  /* Background — change image URL or replace the file at this path */
  --kris-bg-color: #07090d;
  --kris-bg-image: url("https://docs.krisenigma.com/assets/bg.webp");
  --kris-bg-filter: blur(8px) brightness(0.45);
  --kris-bg-scale: 1.04;
  --kris-wash:
    radial-gradient(ellipse 60% 40% at 100% 0%, rgba(122, 83, 221, 0.18), transparent 55%),
    radial-gradient(ellipse 50% 35% at 0% 10%, rgba(0, 225, 175, 0.1), transparent 50%),
    rgba(7, 9, 13, 0.55);

  /* Unprefixed aliases (docs / VPS page CSS) */
  --primary: var(--kris-primary);
  --accent: var(--kris-accent);
  --text: var(--kris-text);
  --muted: var(--kris-muted);
  --glass: var(--kris-glass);
  --glass-border: var(--kris-glass-border);
  --glass-border-hover: var(--kris-glass-border-hover);
  --ink: var(--kris-ink);
  --warn: var(--kris-warn);
  --ok: var(--kris-ok);
  --bad: var(--kris-bad);
  --font: var(--kris-font);
  --font-title: var(--kris-font-title);
  --mono: var(--kris-mono);
  --radius: var(--kris-radius);
}