/**
 * Capsule Glass — design tokens (reference copy).
 *
 * Live sandbox: #test-frame in game.html / src/style.css
 * These variables mirror the test lab. When promoting the theme to real
 * windows, hoist a shared :root / .ui-theme-capsule scope and point both
 * sandbox and production chrome at it.
 */

:root,
.theme-capsule-glass {
  --cg-radius: 2px;

  /* Surfaces (~50% saturation cool space chrome; item art stays full color)
     Trial: slightly more transparent shell (was 0.56 / 0.72 / 0.55) */
  --cg-bg: rgba(8, 14, 22, 0.42);
  --cg-bg-2: rgba(4, 8, 14, 0.58);
  --cg-bg-hover: rgba(8, 12, 20, 0.64);
  --cg-bar-bg: rgba(6, 12, 18, 0.42);
  --cg-slot-bg: rgba(10, 16, 24, 0.45);
  --cg-slot-bg-hover: rgba(36, 46, 58, 0.62);
  --cg-input-bg: rgba(6, 12, 18, 0.45);
  --cg-input-bg-focus: rgba(8, 14, 22, 0.62);
  --cg-brief-bg: rgba(6, 12, 18, 0.34);
  --cg-menu-bg: rgba(6, 12, 18, 0.92);

  /* Lines */
  --cg-line: rgba(164, 194, 214, 0.3);
  --cg-line-soft: rgba(164, 194, 214, 0.16);
  --cg-line-hot: rgba(183, 213, 230, 0.55);
  --cg-hover-line: rgba(191, 218, 236, 0.75);

  /* Text */
  --cg-text: #f0f4f8;
  --cg-muted: rgba(170, 183, 195, 0.78);
  --cg-accent: #afcadb;
  --cg-accent-strong: #e6eff6;

  /* Glow (RGB triplet for rgba(var(--cg-glow-rgb), a)) */
  --cg-glow-rgb: 149, 187, 212;

  /* Buttons */
  --cg-btn-bg: linear-gradient(180deg, rgba(74, 104, 126, 0.32), rgba(28, 40, 51, 0.48));
  --cg-btn-bg-hover: linear-gradient(180deg, rgba(88, 118, 140, 0.42), rgba(36, 50, 64, 0.58));
  --cg-btn-bg-active: linear-gradient(180deg, rgba(110, 148, 172, 0.5), rgba(48, 72, 92, 0.68));
  --cg-btn-bg-active-hover: linear-gradient(180deg, rgba(128, 164, 188, 0.58), rgba(56, 82, 104, 0.74));

  /* Sheen layers stacked above fill */
  --cg-fx:
    linear-gradient(165deg, rgba(255, 255, 255, 0.05) 0%, transparent 34%),
    radial-gradient(90% 60% at 100% 0%, rgba(140, 170, 190, 0.1), transparent 50%);

  /* Typography */
  --cg-font: "Rajdhani", "Monda", system-ui, sans-serif;

  /* Rhythm */
  --cg-control-h: 26px;
  --cg-header-h: 26px;
  --cg-slot: 64px;
  --cg-slot-icon: 58px;
  --cg-tool: 26px;
  --cg-gap: 14px;
  --cg-label-size: 12px;
  --cg-control-text: 11px;

  /* Glass Lab chrome aliases (shared .test-lab__* shell uses --lab-*) */
  --lab-radius: var(--cg-radius);
  --lab-bg: var(--cg-bg);
  --lab-bg-2: var(--cg-bg-2);
  --lab-bg-hover: var(--cg-bg-hover);
  --lab-line: var(--cg-line);
  --lab-line-soft: var(--cg-line-soft);
  --lab-line-hot: var(--cg-line-hot);
  --lab-hover-line: var(--cg-hover-line);
  --lab-text: var(--cg-text);
  --lab-muted: var(--cg-muted);
  --lab-accent: var(--cg-accent);
  --lab-accent-strong: var(--cg-accent-strong);
  --lab-slot-bg: var(--cg-slot-bg);
  --lab-slot-bg-hover: var(--cg-slot-bg-hover);
  --lab-btn-bg: var(--cg-btn-bg);
  --lab-btn-bg-hover: var(--cg-btn-bg-hover);
  --lab-bar-bg: var(--cg-bar-bg);
  --lab-input-bg: var(--cg-input-bg);
  --lab-input-bg-focus: var(--cg-input-bg-focus);
  --lab-brief-bg: var(--cg-brief-bg);
  --lab-glow-rgb: var(--cg-glow-rgb);
  --lab-fx: var(--cg-fx);
}