/* YAD design tokens. Layout concept: arch-framed imagery (the arched doorway of Egyptian craft) on blush ground,
   deep burgundy bands for emotion, one saffron/teal/sky/sage accent set for category color. */
:root{
  --font-display:'Bricolage Grotesque','Cairo','Segoe UI',system-ui,sans-serif;
  --font-body:'Figtree','Cairo','Segoe UI',system-ui,sans-serif;
  --font-ar:'Cairo','Tajawal','Segoe UI',system-ui,sans-serif;

  --bg:#fff8fa; --surface:#ffffff; --surface-2:#fbeef2; --surface-3:#f6e0e8;
  --ink:#2a1420; --ink-2:#5f4753; --muted:#85707c; --line:#efdde4; --line-2:#e3c9d3;
  --brand:#6d2e46; --brand-hover:#561f36; --brand-text:#6d2e46; --on-brand:#ffffff;
  --rose:#e9a7b8; --blush:#f9e6ec;
  --hero-bg:#3a1324; --hero-bg-2:#561f36; --on-hero:#fff4f7; --on-hero-2:#e9c3cf;
  --saffron:#e8a33d; --teal:#2f7d78; --sky:#5a84c4; --sage:#7fa088; --plum:#7a3f82; --coral:#e0674f;
  --ok:#2f8a5b; --ok-bg:#e1f3e9; --warn:#a8650c; --warn-bg:#fdf0d8; --bad:#b3261e; --bad-bg:#fbe3e1; --info:#2f63a8; --info-bg:#e3edfa;
  --shadow-1:0 1px 2px rgba(58,19,36,.06),0 4px 14px rgba(58,19,36,.07);
  --shadow-2:0 10px 40px rgba(58,19,36,.16);
  --r-sm:10px; --r-md:16px; --r-lg:24px; --arch:999px 999px 20px 20px;
  --focus:0 0 0 3px rgba(201,106,140,.55);
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#1a0c13; --surface:#25111a; --surface-2:#2f1722; --surface-3:#3b1e2b;
    --ink:#fbeff3; --ink-2:#d9bcc7; --muted:#a88e9a; --line:#42222e; --line-2:#56313f;
    --brand:#a8446a; --brand-hover:#bd567d; --brand-text:#f2adc4; --on-brand:#ffffff;
    --rose:#e9a7b8; --blush:#3b1e2b;
    --hero-bg:#2a0e1a; --hero-bg-2:#4a1a2f;
    --ok:#6fd0a0; --ok-bg:#16352a; --warn:#f0be6a; --warn-bg:#3a2a10; --bad:#f19a93; --bad-bg:#40191a; --info:#8fb6ee; --info-bg:#172a45;
    --shadow-1:0 1px 2px rgba(0,0,0,.4),0 4px 14px rgba(0,0,0,.35); --shadow-2:0 10px 40px rgba(0,0,0,.55);
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --bg:#1a0c13; --surface:#25111a; --surface-2:#2f1722; --surface-3:#3b1e2b;
  --ink:#fbeff3; --ink-2:#d9bcc7; --muted:#a88e9a; --line:#42222e; --line-2:#56313f;
  --brand:#a8446a; --brand-hover:#bd567d; --brand-text:#f2adc4; --on-brand:#ffffff;
  --rose:#e9a7b8; --blush:#3b1e2b;
  --hero-bg:#2a0e1a; --hero-bg-2:#4a1a2f;
  --ok:#6fd0a0; --ok-bg:#16352a; --warn:#f0be6a; --warn-bg:#3a2a10; --bad:#f19a93; --bad-bg:#40191a; --info:#8fb6ee; --info-bg:#172a45;
  --shadow-1:0 1px 2px rgba(0,0,0,.4),0 4px 14px rgba(0,0,0,.35); --shadow-2:0 10px 40px rgba(0,0,0,.55);
  color-scheme:dark;
}