/* ============================================================
   Beyul Explorer — design tokens
   Surface: ink-vault dark (product surface, matches the wallet).
   Primary cyan is the FROZEN brand asset (founder approval, June 2026).
   No new primary cyan may be defined — derive everything via
   color-mix / alpha from --beyul-cyan.
   ============================================================ */
:root {
  /* Frozen brand asset — do not redefine */
  --beyul-cyan: #00e5c3;
  --beyul-cyan-hover: #20ffd9;
  --beyul-cyan-glow: rgba(0, 229, 195, 0.25);
  --beyul-grad-cta: linear-gradient(90deg, #00d7b8, #16f0cc);

  /* Ink-vault surfaces */
  --bg-0: #020b12;
  --bg-1: #04131c;
  --bg-2: #071822;
  --panel: #081e29;
  --panel-2: #0a2531;
  --line: #14313d;
  --line-soft: #102733;

  /* Text */
  --text: #f3f8f8;
  --text-dim: #b7c6cb;
  --text-mute: #6f868f;

  /* Derived semantics (from frozen cyan, no new hex) */
  --cyan-12: color-mix(in srgb, var(--beyul-cyan) 12%, transparent);
  --cyan-20: color-mix(in srgb, var(--beyul-cyan) 20%, transparent);
  --cyan-dim: color-mix(in srgb, var(--beyul-cyan) 72%, var(--bg-2));

  /* Status hues (functional, not brand) */
  --warn: #f0b75e;
  --warn-12: color-mix(in srgb, var(--warn) 14%, transparent);
  --danger: #ef6f6f;
  --danger-12: color-mix(in srgb, var(--danger) 14%, transparent);

  /* Type */
  --font-display: "Fraunces", "Songti SC", "STSong", Georgia, serif;
  --font-sans: "Inter", "PingFang SC", "Noto Sans SC", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", "Menlo", monospace;

  --radius: 8px;
  --radius-sm: 6px;
  --maxw: 1180px;
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
}