/* spectrum.css — the palette, shared.
 *
 * These ~40 semantic tokens are the "Spectrum Dark" repaint that shipped on the
 * desktop shell (8542978). They lived inside app-theme.css until the phone was
 * brought onto the same palette; a second copy would have drifted the first time
 * one hue moved, so the block was lifted out here verbatim and both shells load it.
 *
 * WHO LOADS THIS, AND IN WHAT ORDER — the order is the whole contract:
 *   desktop.html : tokens.css → app-core.css → app-find.css → THIS → app-theme.css
 *   index.html   : tokens.css → THIS → the shell's own <style>
 * In both cases it lands after tokens.css, so it overrides Holo's §2 semantics,
 * and before the file that paints components, so a component rule can still win.
 *
 * WHAT IT IS NOT: it is not a replacement for tokens.css. tokens.css still owns
 * type, space, motion, glass, the part-category spectrum and the legacy bridge —
 * everything structural. This file only moves colour, radius and light.
 *
 * Values are the desktop's exactly. If a hue moves, it moves here, once.
 */
:root {
  --bg:#0B0E0D; --bg-2:#0F1412;
  --surface-solid-1:#131917; --surface-solid-2:#18201D; --surface-solid-3:#1F2A26;

  --line:rgba(214,232,224,0.12); --line-2:rgba(214,232,224,0.22);
  --ink:#EDF2EF; --muted:#B4C0BA; --mute:#B4C0BA; --faint:#8A968F;

  --accent:#34E89E; --accent-2:#22D3EE; --on-accent:#06140F;
  --accent-a07:rgba(52,232,158,0.07); --accent-a14:rgba(52,232,158,0.14);
  --accent-a20:rgba(52,232,158,0.22); --accent-a34:rgba(52,232,158,0.36);
  --accent-a48:rgba(52,232,158,0.50); --accent-a65:rgba(52,232,158,0.66);
  --accent2-a09:rgba(34,211,238,0.09); --accent2-a30:rgba(34,211,238,0.30);

  /* status stays semantic and never borrows the brand gradient */
  --ok:#34E89E; --warn:#FCD34D; --hot:#FDA4AF; --mod:#FCD34D; --mod-hi:#FCD34D;
  --gain:#34E89E; --info:#22D3EE;
  --accent-rgb:52,232,158; --warn-rgb:252,211,77; --mod-rgb:252,211,77;
  --hot-rgb:253,164,175; --gain-rgb:52,232,158; --info-rgb:34,211,238; --slate-rgb:180,192,186;

  --radius-sm:10px; --radius:16px; --radius-lg:20px;
  --glass-hi:inset 0 1px 0 rgba(255,255,255,0.05);
  --glow-panel:0 14px 34px rgba(0,0,0,0.30);
  --shadow-pop:0 14px 34px rgba(0,0,0,0.30);
  --shadow-card:0 1px 2px rgba(0,0,0,0.28), 0 14px 34px rgba(0,0,0,0.30);
  --shadow-soft:0 1px 2px rgba(0,0,0,0.24);

  /* the one gradient. Spent on the primary action and nothing else — the moment
     it appears twice on a screen it stops meaning "this is the thing to press". */
  --grad:linear-gradient(90deg,#22D3EE 0%,#34E89E 100%);
}