/* مرجع ألوان الخدمة: يحمل بعد style وmobile وقبل قواعد identity. */
:root{
  color-scheme: dark;
  --bg: #171716;
  --panel: #222320;
  --raised: #302f2a;
  --input: #1b1c19;
  --text: #f3ebdd;
  --muted: #c2b8a9;
  --line: #4b4841;
  --control-line: #918b7e;
  --accent: #ff806b;
  --accent-hover: #ff9a87;
  --accent-soft: #432821;
  --on-accent: #171716;
  --link: #8ddcc5;
  --success: #afdfba;
  --success-bg: #213d31;
  --success-line: #679779;
  --danger: #ffb5a7;
  --danger-bg: #412b2b;
  --danger-line: #b77b72;
  --review: #f4d397;
  --review-bg: #3c3425;
  --review-line: #a88e5f;
  --info: #b5d9f3;
  --info-bg: #243b4b;
  --info-line: #688ea6;
  --shadow: 0 8px 30px #00000026;
  --gold: var(--accent);
  --ink: var(--text);
  --beige: var(--raised);
  background: var(--bg);
  color: var(--text);
  accent-color: var(--accent);
  --sidebar-muted: #c2b8a9;
  --sidebar-line: #4b4841;
}

:root[data-theme=light]{
  color-scheme: light;
  --bg: #f3ebdd;
  --panel: #fff9ef;
  --raised: #ebe0cf;
  --input: #fffcf7;
  --text: #171716;
  --muted: #65584b;
  --line: #c9bba8;
  --control-line: #827565;
  --accent: #b93e24;
  --accent-hover: #9e321d;
  --accent-soft: #fae8dd;
  --on-accent: #f3ebdd;
  --link: #10645b;
  --success: #285d38;
  --success-bg: #e3f0e3;
  --success-line: #71987a;
  --danger: #9d3527;
  --danger-bg: #fce9e2;
  --danger-line: #bf8075;
  --review: #705011;
  --review-bg: #f8efd9;
  --review-line: #ad945e;
  --info: #285571;
  --info-bg: #e3eff6;
  --info-line: #7798aa;
  --shadow: 0 8px 30px #1717160d;
  --sidebar-muted: #65584b;
  --sidebar-line: #c9bba8;
}