/* Murr Mall: design tokens and theme variables */

  /* ============ СОВРЕМЕННАЯ РЕДАКЦИОННАЯ UI-СИСТЕМА ============
     Этот слой намеренно касается только интерфейса. Сцена, свет и графика мола
     остаются на своих исходных правилах выше. */
  :root {
    /* The interface speaks Manrope, headings and text alike; Literata is kept
       for the brand, the wordmark. */
    --ui-font:"Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --ui-heading-font:"Unbounded", var(--ui-font);
    --ui-heading-weight:600;
    /* Unbounded is the one loud heading on a screen; the rest stay in Manrope. */
    --ui-subheading-font:var(--ui-font);
    --ui-subheading-weight:700;
    --brand-font:"Literata", Georgia, serif;
    --ui-bg:#f6f7f9;
    --ui-surface:#ffffff;
    --ui-surface-subtle:#f0f2f5;
    --ui-text:#20242c;
    --ui-text-secondary:#667085;
    --ui-border:#e2e6ec;
    --ui-accent:#76974E;
    --ui-accent-hover:#72934C;
    --ui-accent-soft:#fceef2;
    --ui-success:#248a64;
    --ui-success-soft:#eaf7f2;
    --ui-danger:#d04444;
    --ui-danger-soft:#fdf0f0;
    --ui-warning:#9a6b18;
    --ui-warning-soft:#fff8e7;
    --ui-focus:rgba(118, 151, 78,.22);
    --ui-shadow-sm:0 1px 2px rgba(18,24,40,.04), 0 5px 18px rgba(18,24,40,.04);
    --ui-shadow-md:0 20px 50px rgba(18,24,40,.10);
    --ui-shadow-lg:0 30px 90px rgba(18,24,40,.20);
    --ui-radius:18px;
  }
  html[data-theme="dark"] {
    --ui-bg:#101319;
    --ui-surface:#181c23;
    --ui-surface-subtle:#20252e;
    --ui-text:#f2f4f7;
    --ui-text-secondary:#98a2b3;
    --ui-border:#303742;
    --ui-accent:#76974E;
    --ui-accent-hover:#72934C;
    --ui-accent-soft:rgba(114,147,76,.14);
    --ui-success:#29302d;
    --ui-success-soft:rgba(73,184,141,.13);
    --ui-danger:#ef6b6b;
    --ui-danger-soft:rgba(239,107,107,.13);
    --ui-warning:#e0b258;
    --ui-warning-soft:rgba(224,178,88,.13);
    --ui-focus:rgba(216,91,124,.28);
    --ui-shadow-sm:0 1px 2px rgba(0,0,0,.16), 0 8px 22px rgba(0,0,0,.14);
    --ui-shadow-md:0 22px 58px rgba(0,0,0,.34);
    --ui-shadow-lg:0 32px 96px rgba(0,0,0,.52);
  }