/* Hermes Pixel Pet Ops Office — Default Theme */
/* Override these variables in a custom theme to re-skin the office. */

:root {
  --bg: #18122b;
  --bg-2: #0f1027;
  --panel: #241b3f;
  --panel-2: #302653;
  --panel-fallback: #1e1736;
  --ink: #fff8df;
  --muted: #b9acd8;
  --line: #59487c;
  --shadow: #0d0920;
  --planning: #62c4ff;
  --researching: #b68cff;
  --building: #ffb65c;
  --reviewing: #6ff0d2;
  --blocked: #ff6b7f;
  --done: #91f07a;
  --paused: #8e8a9f;
  --waiting: #a8a5b9;
  --pixel: 4px;
  --accent: #ffdf78;
  --accent-2: #ffe07a;
  --error: #ff6b7f;
  --success: #91f07a;
  --eye: #111;
  /* Office-specific */
  --hero-spot: #3a2f73;
  --office-bg-start: #2b2350;
  --office-bg-mid: #1d1736;
  --office-bg-end: #171329;
  --office-grid: #4b3c76;
  --office-sign-bg: #151127;
  --furniture-bg: #75579b;
  --furniture-border: #2a2142;
  --pet-stage-bg: #151127;
  --overlay-bg: rgba(14,11,26,.92);
  --inspector-overlay: rgba(13,9,32,.85);
  --error-log-bg: #120a22;
  --error-log-border: #4a3050;
  /* Gather Town office extras */
  --floor: #1a1630;
  --wall: #2d264d;
  --grid: rgba(255,255,255,.04);
  /* Overlay tints for theme-aware UI components */
  --bg-tint-0: rgba(255,255,255,.025);
  --bg-tint-00: rgba(255,255,255,.02);
  --bg-tint-1: rgba(255,255,255,.04);
  --bg-tint-2: rgba(255,255,255,.06);
  --bg-tint-3: rgba(255,255,255,.08);
  --bg-tint-4: rgba(255,255,255,.065);
  --bg-tint-5: rgba(255,255,255,.10);
  --border-tint-0: rgba(255,255,255,.10);
  --border-tint-1: rgba(255,255,255,.12);
  --border-tint-2: rgba(255,255,255,.15);
  --border-tint-3: rgba(255,255,255,.18);
  --bg-shade-1: rgba(0,0,0,.25);
  --bg-shade-2: rgba(0,0,0,.35);
  --bg-shade-3: rgba(0,0,0,.38);
  --bg-shade-4: rgba(0,0,0,.45);
  --zone-bg: rgba(21,17,39,.68);
  --solid-panel: rgba(14,11,26,.92);
  --grid-line-1: rgba(255,255,255,.035);
  --grid-line-2: rgba(255,255,255,.025);
  --grad-medium: rgba(255,255,255,.5);
  --grad-soft: rgba(255,255,255,.65);
}

/* Pet color variants */
.pet.dog { color: #d4a76a; }
.pet.dog .head { background: #d4a76a; }
.pet.dog .ear { background: #b88a55; }

.pet.dog-gold { color: #f0c050; }
.pet.dog-gold .head { background: #f0c050; }
.pet.dog-gold .ear { background: #d4a030; }

.pet.dog-brown { color: #a67c52; }
.pet.dog-brown .head { background: #a67c52; }
.pet.dog-brown .ear { background: #8a6440; }

.pet.dog-mint { color: #7dd8b0; }
.pet.dog-mint .head { background: #7dd8b0; }
.pet.dog-mint .ear { background: #60b894; }

.pet.cat { color: #e0c8a0; }
.pet.cat .head { background: #e0c8a0; }
.pet.cat .ear { background: #c8aa80; }
.pet.cat .nose { background: #d08080; }
.pet.cat .cheek { background: rgba(255,120,120,.3); }

.pet.cat-cream { color: #f5e0c0; }
.pet.cat-cream .head { background: #f5e0c0; }
.pet.cat-cream .ear { background: #dcc0a0; }
.pet.cat-cream .nose { background: #d08080; }
.pet.cat-cream .cheek { background: rgba(255,120,120,.3); }

.pet.cat-black { color: #5a5a6e; }
.pet.cat-black .head { background: #5a5a6e; }
.pet.cat-black .ear { background: #454555; }
.pet.cat-black .nose { background: #d08080; }
.pet.cat-black .cheek { background: rgba(255,120,120,.3); }

.pet.cat-blue { color: #8cb4ff; }
.pet.cat-blue .head { background: #8cb4ff; }
.pet.cat-blue .ear { background: #6a94e0; }
.pet.cat-blue .nose { background: #d08080; }
.pet.cat-blue .cheek { background: rgba(255,120,120,.3); }

/* Owner character colors */
.owner-gold { color: #ffe07a; }
.owner .head { background: #ffe07a; }
.owner .hair { background: #b88a55; }
.owner .nose { background: #d08080; }
.owner .cheek { background: rgba(255,120,120,.35); }

:root {
  --success-glow: rgba(145,240,122,.18);
  --accent-glow: rgba(255,223,120,.12);
  --accent-bg: rgba(255,223,120,.08);
  --accent-border: rgba(255,223,120,.18);
  --error-bg: rgba(255,107,127,.15);
  --error-border: rgba(255,107,127,.3);
  --error-ink: #ffc2c8;
  --error-bg-soft: rgba(255,107,127,.06);
  --warn-ink: #fff0b0;
  --warn-bg-soft: rgba(255,224,122,.06);
  --info: #62c4ff;
  --info-ink: #c2e8ff;
  --info-bg-soft: rgba(98,196,255,.06);
  --cheek: rgba(255,120,120,.35);
  --planning-glow: rgba(98,196,255,.15);
  --success-bg: rgba(90,140,90,.2);
  --success-ink: #aaffcc;
  --glow-spread: rgba(255, 182, 92, 0.22);
  --overlay-dark: rgba(0, 0, 0, 0.55);
  --stale-bg: rgba(255, 182, 92, 0.12);
  --stale-border: rgba(255, 182, 92, 0.40);
}

/* Gather Town avatar colors */
.avatar.dog .body { background: #d4a76a; }
.avatar.dog .ear { background: #b88a55; }
.avatar.dog-gold .body { background: #f0c050; }
.avatar.dog-gold .ear { background: #d4a030; }
.avatar.dog-brown .body { background: #a67c52; }
.avatar.dog-brown .ear { background: #8a6440; }
.avatar.dog-mint .body { background: #7dd8b0; }
.avatar.dog-mint .ear { background: #60b894; }
.avatar.cat .body { background: #e0c8a0; }
.avatar.cat .ear { background: #c8aa80; }
.avatar.cat-cream .body { background: #f5e0c0; }
.avatar.cat-cream .ear { background: #dcc0a0; }
.avatar.cat-black .body { background: #5a5a6e; }
.avatar.cat-black .ear { background: #454555; }
.avatar.owner .body { background: #ffe07a; }
.avatar.owner .ear { background: #b88a55; }