/* Morrow themes (2026-11-02): "morrow" (light: warm cream page, white cards, soft blue hero, cobalt buttons, forest-green footer)
   and "morrow-night" (the same look in dark greens). The font stays the site default (Cairo).
   Morrow night also gets every Midnight dark-mode fix through mk-morrow-night.css (generated by tools/gen_morrow_night.js).
   Only colours, corners and spacing change here: no markup, ids or class names. Text/background pairs checked to WCAG AA (4.5:1 or more). */

/* ---------- colour tokens ---------- */
html[data-theme="morrow"][data-theme]{color-scheme:light;--bg:#f6f2ea;--surface:#ffffff;--surface-2:#f1ece2;--text:#1d1f1c;--muted:#5f625c;--border:#e6e0d4;--primary:#2f4bd6;--primary2:#2440c4;--accent:#1f5a3f;--on-primary:#ffffff;--link:#2a44c4;--header-bg:#ffffff;--header-text:#1d1f1c;--header-hover:#f1ece2;--footer-bg:#1f3a2e;--footer-text:#d5e0d9;--radius:16px;--mk-focus:#2f4bd6;--mk-focus-soft:rgba(47,75,214,.3);--mw-tint:#e4e8f8;--mw-tint-ink:#1e2c77;--mw-tint-sub:#3d4a8f}
html[data-theme="morrow-night"][data-theme]{color-scheme:dark;--bg:#121915;--surface:#1a231e;--surface-2:#222d27;--text:#eef1ec;--muted:#a9b3ac;--border:#2e3a33;--primary:#8ea2ff;--primary2:#a9b8ff;--accent:#7dd3a6;--on-primary:#0f1a40;--link:#a9b8ff;--header-bg:#151d18;--header-text:#eef1ec;--header-hover:#222d27;--footer-bg:#0d1511;--footer-text:#b8c3bc;--radius:16px;--mk-focus:#a9b8ff;--mk-focus-soft:rgba(169,184,255,.35);--mw-tint:#1e2747;--mw-tint-ink:#d9dfff;--mw-tint-sub:#b9c3f0}

/* ---------- shapes shared by both Morrow themes ---------- */
html[data-theme^="morrow"][data-theme][data-theme] body :is(.btn,button.primary,button.secondary,.chips a,.chip,.status,.badge,.mk-count-chip){border-radius:999px}
html[data-theme^="morrow"][data-theme][data-theme] body :is(.product-card,.form-card,.table-card,.admin-card,.admin-panel,.plan-card,.vendor-card,.order-card,.review-card,.cart-list,.summary,.support-form,.ticket-list,.empty,.notice,.kpi-link,.kpi-grid>div,.store-hero){border-radius:16px;box-shadow:none}
html[data-theme^="morrow"][data-theme][data-theme] body .product-card:hover{transform:none;box-shadow:none;border-color:color-mix(in srgb,var(--text) 22%,var(--border))!important}
html[data-theme^="morrow"][data-theme][data-theme] body :is(.product-image,.detail-image){border-radius:12px}
html[data-theme^="morrow"][data-theme][data-theme] body .feature-strip{border-radius:16px;background:var(--border);box-shadow:none}
html[data-theme^="morrow"][data-theme][data-theme] body :is(input,select,textarea){border-radius:10px}

/* header: white (dark green-grey at night) bar, pill search and pill menu items */
html[data-theme^="morrow"][data-theme][data-theme] body .topbar{backdrop-filter:none;box-shadow:none;border-bottom:1px solid var(--border)!important}
html[data-theme^="morrow"][data-theme][data-theme] body .topbar .search{border-radius:999px;background-color:var(--surface-2)!important;border-color:var(--border)!important}
html[data-theme^="morrow"][data-theme][data-theme] body .topbar :is(#primaryNav>*>summary,#primaryNav>a){border-radius:999px}
html[data-theme^="morrow"][data-theme][data-theme] body .topbar .nav-group[open]>summary{background-color:var(--mw-tint)!important;color:var(--mw-tint-ink)!important}
html[data-theme^="morrow"][data-theme][data-theme] body .topbar :is(.nav-dropdown,.account-dropdown){border-radius:14px}

/* page headings: calmer weight, soft-blue eyebrow */
html[data-theme^="morrow"][data-theme][data-theme] main :is(h1,h2){letter-spacing:-.02em}
html[data-theme^="morrow"][data-theme][data-theme] main .eyebrow{letter-spacing:.04em;color:var(--mw-tint-sub)!important}

/* classic home hero (not the Hero Designer, which keeps the colours the admin chose): soft-blue rounded card */
html[data-theme^="morrow"][data-theme][data-theme] body .hero{background:var(--bg)!important;color:var(--mw-tint-ink)}
html[data-theme^="morrow"][data-theme][data-theme] body .hero .hero-grid{background:var(--mw-tint);border-radius:24px;margin-block:20px;padding-inline:clamp(20px,4vw,48px)}
html[data-theme^="morrow"][data-theme][data-theme] body .hero :is(h1,h1 span,p,.eyebrow,small,.muted,.hero-copy *,.hero-rotator,.hero-rotator *){color:var(--mw-tint-ink)!important}
html[data-theme^="morrow"][data-theme][data-theme] body .hero :is(p,small,.muted){color:var(--mw-tint-sub)!important}
html[data-theme^="morrow"][data-theme][data-theme] body .hero .hero-fx{display:none}   /* the moving background shapes would show outside the rounded card */
html[data-theme^="morrow"][data-theme][data-theme] body .hero .orb{background:color-mix(in srgb,var(--primary) 30%,var(--mw-tint));box-shadow:none}
html[data-theme^="morrow"][data-theme][data-theme] body .hero .floating-card{background:var(--surface);border:1px solid var(--border);backdrop-filter:none;box-shadow:none}
html[data-theme^="morrow"][data-theme][data-theme] body .hero .floating-card :is(b,small){color:var(--text)!important}
html[data-theme^="morrow"][data-theme][data-theme] body .hero .btn.ghost{border-color:color-mix(in srgb,var(--mw-tint-ink) 35%,transparent)!important;color:var(--mw-tint-ink)!important;background:transparent!important}

/* admin pages: soft-blue page banner, white number tiles */
html[data-theme^="morrow"][data-theme][data-theme] main .admin-hero{background:var(--mw-tint)!important;color:var(--mw-tint-ink)!important;border:0!important;border-radius:18px;box-shadow:none}
html[data-theme^="morrow"][data-theme][data-theme] main .admin-hero :is(h1,h2,p,span,.eyebrow){color:var(--mw-tint-ink)!important}
html[data-theme^="morrow"][data-theme][data-theme] main .admin-hero p{color:var(--mw-tint-sub)!important}

/* footer: forest green */
html[data-theme^="morrow"][data-theme][data-theme] body footer a:hover{color:#ffffff!important}
html[data-theme^="morrow"][data-theme][data-theme] body footer .copyright{border-top-color:color-mix(in srgb,var(--footer-text) 22%,transparent)}