/* Houston retail mockup, design tokens.
   Source of truth for the hand-off; every other stylesheet references these. */
@import url('https://fonts.googleapis.com/css2?family=Doto:wght@500..800&family=Space+Grotesk:wght@400..700&family=Space+Mono:wght@400;700&display=swap');

:root {
  /* Surfaces, flat, hairline-separated. */
  --bg: #0e0e0e;
  --side: #111111;
  --panel: #151515;
  --raised: #1b1b1b;
  --hover: #202020;
  --line: #242424;
  --line2: #333333;

  /* Text, four steps. */
  --text: #f2f0f5;
  --body: #cbc8d2;
  --muted: #8a8693;
  --quiet: #5a5762;

  /* Brand: violet is the one action color. Blue/pink only in the mark + agent identities. */
  --violet: #a78bfa;
  --violet-hi: #bba9fb;
  --vbg: rgba(167, 139, 250, 0.12);
  --blue: #5b9bf6;
  --pink: #f472b6;

  /* Money + health only. */
  --green: #5fc97b;
  --gbg: rgba(95, 201, 123, 0.12);
  --amber: #d9a94b;
  --abg: rgba(217, 169, 75, 0.12);
  --red: #ee6161;
  --rbg: rgba(238, 97, 97, 0.12);

  /* Type */
  --sans: 'Space Grotesk', sans-serif;
  --mono: 'Space Mono', monospace;
  --disp: 'Doto', monospace;
  --fs-0: 10px;  /* mono labels */
  --fs-1: 11px;
  --fs-2: 12.5px;
  --fs-3: 14px;  /* body */
  --fs-4: 16px;
  --fs-5: 20px;
  --fs-6: 28px;
  --fs-7: 62px;  /* Doto hero */

  /* Radii, two, deliberately. */
  --r1: 3px;
  --r2: 6px;

  /* Spacing 4-base */
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 24px; --s6: 32px; --s7: 44px; --s8: 64px;

  /* Motion */
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --fast: 150ms;
  --med: 250ms;
  --slow: 400ms;

  /* Layout */
  --sidebar-w: 240px;
  --rail-w: 316px;
  --topbar-h: 60px;
  --content-max: 1120px;
  --tap: 44px;
}

/* Per-agent identity color. Set on any ancestor; read by avatars, rules, chips. */
.ac-violet { --ac: var(--violet); --acbg: var(--vbg); }
.ac-green  { --ac: var(--green);  --acbg: var(--gbg); }
.ac-pink   { --ac: var(--pink);   --acbg: rgba(244, 114, 182, 0.12); }
.ac-blue   { --ac: var(--blue);   --acbg: rgba(91, 155, 246, 0.12); }
.ac-amber  { --ac: var(--amber);  --acbg: var(--abg); }