/* tml design tokens. See .claude/DESIGN.md. Customers: edit values here or use Config.Theme.vars.
   The radio is a handheld device, so it adds shell, LCD and key tokens on top of the house palette. */

@font-face {
  font-family: "Inter";
  src: url("fonts/inter.woff2") format("woff2");
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("fonts/jetbrains-mono.woff2") format("woff2");
  font-weight: 100 800;
  font-display: swap;
}
@font-face {
  font-family: "VT323";
  src: url("fonts/vt323.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}

:root {
  /* surfaces (opaque: backdrop-filter renders as a black box in some FiveM NUI builds) */
  --bg-surface: rgba(12, 12, 20, 0.94);
  --bg-raised: rgba(255, 255, 255, 0.04);
  --bg-hover: rgba(168, 85, 247, 0.10);
  --border: rgba(255, 255, 255, 0.08);
  --border-strong: rgba(255, 255, 255, 0.16);

  /* text */
  --text-primary: #F0F0F0;
  --text-secondary: #A0A0B0;
  --text-muted: #7C7C90;

  /* accent */
  --accent: #A855F7;
  --accent-hover: #C084FC;
  --accent-strong: #9333EA;
  --accent-dark: #7E22CE;
  --accent-soft: rgba(168, 85, 247, 0.12);
  --on-accent: #FFFFFF;

  /* status */
  --success: #22C55E;  --success-soft: rgba(34, 197, 94, 0.14);
  --warning: #FBBF24;  --warning-soft: rgba(251, 191, 36, 0.14);
  --danger:  #F87171;  --danger-soft:  rgba(248, 113, 113, 0.14);
  --danger-solid: #E53E3E;

  /* shell: matte graphite. Try #2b3a55 / #1c2638 / #111722 for a blue body */
  --shell-hi: #3a3646;
  --shell-mid: #24212d;
  --shell-lo: #141219;
  --shell-edge: rgba(255, 255, 255, 0.18);

  /* LCD: dark glass with a purple backlight. Try ink #7ee0a1 for green */
  --lcd-bg: #0d0b14;
  --lcd-ink: #d8b4fe;
  --lcd-dim: rgba(216, 180, 254, 0.18);
  --lcd-glow: rgba(192, 132, 252, 0.55);
  --lcd-bezel: #07060a;

  /* keys */
  --key-hi: #2e2a38;
  --key-lo: #17151d;
  --key-label: #d4cfe0;

  /* shape */
  --r-sm: 6px; --r-md: 10px; --r-lg: 14px;
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.45);

  /* type */
  --font-ui: "Inter", system-ui, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, Consolas, monospace;
  --font-lcd: "VT323", ui-monospace, Consolas, monospace;

  /* motion */
  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --dur-fast: 120ms; --dur-med: 200ms;
}