/* H205 shared identity — copied from the H205 branch site (v186) so both apps look the same and can merge later.
   Brand greens from the official logo ink #22341C; gold ornament #C9A24D / #E3C77E / herring stroke #C9C08E. */
:root{
  color-scheme:light;
  --bg:#F9F9FB; --surface:#FFFFFF; --surface-2:#F4F6F5; --ink:#1E201D; --muted:#606462; --line:#E2E8F0;
  --brand:#22341C; --brand-2:#34502B; --on-brand:#FFFFFF; --on-brand-muted:#B9CCBC;
  --accent:#22341C; --accent-hover:#34502B; --accent-soft:#E9EEE6; --on-accent:#FFFFFF; --accent-ink:#22341C;
  --gold:#C9A24D; --gold-2:#E3C77E; --gold-soft:rgba(201,162,77,.18); --herring:#C9C08E;
  --ok:#2E7A3E; --ok-soft:#E1F1E2; --warn:#9A6400; --warn-soft:#F8EDD5; --bad:#B42B22; --bad-soft:#F9E0DD;
  --scrim:rgba(16,26,18,.45);
  --radius:14px; --radius-sm:10px;
  --shadow-sm:0 1px 2px rgba(16,24,40,.04),0 1px 3px rgba(16,24,40,.06);
  --shadow-md:0 4px 12px -2px rgba(16,24,40,.08),0 2px 4px -2px rgba(16,24,40,.05);
  --f-body:"Tajawal","Inter","Segoe UI",Tahoma,system-ui,sans-serif;
  --f-num:"Inter","Tajawal",system-ui,sans-serif;
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#111412; --surface:#1A1E1B; --surface-2:#212622; --ink:#E6EAE5; --muted:#A2AAA3; --line:#2F3631;
  --brand:#1A2916; --brand-2:#294022; --on-brand-muted:#B3C7B6;
  --accent:#4E7A3F; --accent-hover:#5C8B4C; --accent-soft:#243322; --accent-ink:#A8CF96;
  --ok:#6CC27B; --ok-soft:#1C3322; --warn:#E3AA4E; --warn-soft:#3A2E17; --bad:#F2867A; --bad-soft:#3E201D;
  --scrim:rgba(0,0,0,.6);
  --shadow-sm:0 1px 2px rgba(0,0,0,.35),0 1px 3px rgba(0,0,0,.4);
  --shadow-md:0 6px 16px -4px rgba(0,0,0,.55),0 2px 4px -2px rgba(0,0,0,.4);
}
.herring{background-repeat:repeat-x;background-size:32px 16px;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2216%22%20viewBox%3D%220%200%2032%2016%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Crect%20width%3D%2215.4%22%20height%3D%2216%22%2F%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22b%22%3E%3Crect%20x%3D%2216.6%22%20width%3D%2215.4%22%20height%3D%2216%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20stroke%3D%22%23C9C08E%22%20stroke-width%3D%223.6%22%3E%3Cg%20clip-path%3D%22url(%23a)%22%3E%3Cline%20x1%3D%220%22%20y1%3D%22-8%22%20x2%3D%2216%22%20y2%3D%22-16%22%2F%3E%3Cline%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%2216%22%20y2%3D%22-8%22%2F%3E%3Cline%20x1%3D%220%22%20y1%3D%228%22%20x2%3D%2216%22%20y2%3D%220%22%2F%3E%3Cline%20x1%3D%220%22%20y1%3D%2216%22%20x2%3D%2216%22%20y2%3D%228%22%2F%3E%3Cline%20x1%3D%220%22%20y1%3D%2224%22%20x2%3D%2216%22%20y2%3D%2216%22%2F%3E%3C%2Fg%3E%3Cg%20clip-path%3D%22url(%23b)%22%3E%3Cline%20x1%3D%2216%22%20y1%3D%22-16%22%20x2%3D%2232%22%20y2%3D%22-8%22%2F%3E%3Cline%20x1%3D%2216%22%20y1%3D%22-8%22%20x2%3D%2232%22%20y2%3D%220%22%2F%3E%3Cline%20x1%3D%2216%22%20y1%3D%220%22%20x2%3D%2232%22%20y2%3D%228%22%2F%3E%3Cline%20x1%3D%2216%22%20y1%3D%228%22%20x2%3D%2232%22%20y2%3D%2216%22%2F%3E%3Cline%20x1%3D%2216%22%20y1%3D%2216%22%20x2%3D%2232%22%20y2%3D%2224%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E")}