/**
 * Jaikey / Frankey shared design tokens
 * Source of truth for color, radius, type - landings + app
 */
:root {
 --jk-bg: #0a0a0b;
 --jk-panel: #111216;
 --jk-panel-2: #16171c;
 --jk-text: #f4f4f5;
 --jk-muted: #a1a1aa;
 --jk-muted-2: #71717a;
 --jk-line: rgba(255, 255, 255, 0.1);
 /* Shop orange (matches landing) */
 --jk-accent: #f97316;
 --jk-accent-2: #fb923c;
 --jk-good: #22c55e;
 --jk-warn: #fbbf24;
 --jk-bad: #f87171;
 --jk-shadow: 0 12px 40px rgba(0, 0, 0, 0.35);
 --jk-radius: 14px;
 --jk-radius-lg: 18px;
 --jk-font: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
 --jk-mono: "JetBrains Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;
 --jk-focus: 2px solid var(--jk-accent-2);
 --jk-focus-offset: 2px;
 --jk-touch: 44px;
 --jk-bg-gradient: radial-gradient(ellipse 100% 70% at 50% -15%, rgba(249, 115, 22, 0.1), transparent 55%);

  /* App aliases (back-compat with frankey-app) */
 --bg: var(--jk-bg);
 --panel: var(--jk-panel);
 --panel-2: var(--jk-panel-2);
 --text: var(--jk-text);
 --muted: var(--jk-muted);
 --muted-2: var(--jk-muted-2);
 --line: var(--jk-line);
 --accent: var(--jk-accent);
 --accent-2: var(--jk-accent-2);
 --good: var(--jk-good);
 --warn: var(--jk-warn);
 --bad: var(--jk-bad);
 --shadow: var(--jk-shadow);
 --radius: var(--jk-radius);
 --font: var(--jk-font);
}

/* Shared focus utility */
:where(a, button, input, textarea, select, .btn, .nav-btn, .chip-btn):focus-visible {
  outline: var(--jk-focus);
  outline-offset: var(--jk-focus-offset);
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto !important;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}