/* Afghan House — "Snow UI" design tokens. Light (snow) + soft night (charcoal, never pure black). */
:root{
  /* snow / ice ramp */
  --snow-0:#FFFFFF; --snow-50:#F9FBFD; --snow-100:#F2F5F9; --snow-200:#E8EDF3; --ice-300:#D8E0EA; --ice-400:#BCC7D5;
  /* icy coral-red ramp (logo red ≈ #E83A3A softened) */
  --red-50:#FFF4F4; --red-100:#FFE4E5; --red-200:#FFC9CB; --red-300:#FFA0A4; --red-400:#FF6B6B; --red-500:#F2545B; --red-600:#E2434B; --red-700:#C2343C;
  /* charcoal ramp (instead of pure black) */
  --char-900:#24272E; --char-800:#2F333B; --char-700:#41464F; --char-500:#6A7180; --char-400:#8B93A1; --char-300:#AEB5C1;
  --gold-400:#E9B949; --mint-500:#3DB48A; --sky-500:#4C8DF6;

  --bg:var(--snow-100); --bg-grad:linear-gradient(180deg,#F7F9FC 0%,#EEF2F7 100%);
  --surface:var(--snow-50); --surface-2:var(--snow-0); --surface-sunk:#EBF0F5;
  --text:var(--char-900); --text-2:var(--char-500); --text-3:var(--char-400);
  --line:rgba(36,39,46,.07);
  --accent:var(--red-500); --accent-strong:var(--red-600); --accent-soft:var(--red-50); --accent-tint:var(--red-100);
  --on-accent:#fff;
  --sh-hi:rgba(255,255,255,.95); --sh-lo:rgba(150,166,190,.32);
  --neu:6px 6px 14px var(--sh-lo),-6px -6px 14px var(--sh-hi);
  --neu-sm:3px 3px 8px var(--sh-lo),-3px -3px 8px var(--sh-hi);
  --neu-in:inset 3px 3px 7px var(--sh-lo),inset -3px -3px 7px var(--sh-hi);
  --glass:rgba(249,251,253,.78);
  --r-xs:8px; --r-sm:12px; --r-md:16px; --r-lg:22px; --r-xl:28px;
  --fs:13px;
  --safe-t:env(safe-area-inset-top,0px); --safe-b:env(safe-area-inset-bottom,0px);
  --safe-l:env(safe-area-inset-left,0px); --safe-r:env(safe-area-inset-right,0px);
  --tabbar-h:58px;
  color-scheme:light;
}
:root[data-theme="night"]{
  --bg:#1F2228; --bg-grad:linear-gradient(180deg,#22252C 0%,#1C1F24 100%);
  --surface:#272B32; --surface-2:#2C3038; --surface-sunk:#202329;
  --text:#EEF1F5; --text-2:#A9B0BC; --text-3:#858D9A;
  --line:rgba(255,255,255,.06);
  --accent:#FF7A7F; --accent-strong:#FF8C90; --accent-soft:rgba(255,107,107,.12); --accent-tint:rgba(255,107,107,.2);
  --sh-hi:rgba(255,255,255,.035); --sh-lo:rgba(0,0,0,.42);
  --glass:rgba(39,43,50,.8);
  color-scheme:dark;
}
/* Sahabify accent, shared with the POS skin (sahab_fnb_pos_skin): GOLD by default, the Sahabify Odoo theme's
   PURPLE when cco_enterprise_ui_theme is installed (<html data-sahab-ui="purple">, set by website._ah_ui_palette). */
:root{--sahab-accent:#C9A876; --sahab-accent-deep:#A8875A; --sahab-accent-ink:#7A5F36; --sahab-accent-soft:rgba(201,168,118,.16); --sahab-accent-line:rgba(168,135,90,.32)}
:root[data-sahab-ui="purple"]{--sahab-accent:#8A5D7F; --sahab-accent-deep:#714B67; --sahab-accent-ink:#5A3A52; --sahab-accent-soft:rgba(138,93,127,.13); --sahab-accent-line:rgba(113,75,103,.3)}
:root[data-theme="night"]{--sahab-accent-ink:var(--sahab-accent)}
/* preview-only safe-area simulation for screenshots/device frames (?sim=ios|android) */
:root.sim-ios{--safe-t:47px; --safe-b:34px}
:root.sim-android{--safe-t:28px; --safe-b:16px}