/**
 * editor_ui.css — Calova editor UI redesign Phase 1 (13.7.2026).
 *
 * Additive stylesheet, loaded AFTER app.css. Styles the new HOME station,
 * the mode-switcher bar, and the editor's template-family rail. Reuses the
 * "warm layer" tokens from Uri's design concept (ClaudeData/products/
 * design-system/editor-ui-redesign-20260713/CONCEPT.md section 3) as an
 * additive palette on top of app.css's existing --primary/--accent/--action
 * tokens -- nothing in app.css is overridden or removed.
 *
 * RTL: this whole product is dir="rtl"; no LTR-specific rules needed here.
 * Tap targets: every interactive element below is >=44px per the a11y
 * convention already established elsewhere in the editor.
 */

:root {
  --warm-1: #FFF3E6;
  --warm-2: #FFE2C2;
  --warm-3: #F9D79B;
  --hero-grad: radial-gradient(1200px 520px at 78% -10%, #FFE9D0 0%, #FBF6EE 46%, #F4F7FB 100%);
  --r-pill: 999px;

  /* Mode-switcher palette. The bar is built by the SHARED switcher.js and
     appears on this app AND on the standalone /wizard page, which is a
     different visual language. Its STRUCTURE is identical on both, so the
     structure is utilities on the element and only the palette is a token.
     The wizard page's values live in wizard/wizard.css's :root. */
  --sw-bar-bg: #fff;
  --sw-bar-line: var(--border, #E2E8F0);
  --sw-bar-shadow: 0 -4px 20px rgba(14,42,71,.10);
  --sw-fg: var(--primary, #0E2A47);
  --sw-font: 'Assistant', sans-serif;
  --sw-btn-hover: var(--warm-1);
  --sw-toast-bg: var(--primary, #0E2A47);
  --sw-toast-fg: #fff;
  --sw-toast-weight: 600;
  --sw-toast-shadow: 0 8px 22px rgba(0,0,0,.22);
}

/* Every rule that lived below -- the HOME station and the template-family
   rail -- is Tailwind utilities on the markup in index.html, home.js and
   template_rail.js, compiled into webroot/app_tw.css. The mode-switcher block
   went the same way earlier; only the token :root above is left, and it is
   what the utilities read. */