/**
 * V2: мост между глобальными стилями WordPress (theme.json → --wp--custom--ag--*)
 * и дизайн-системой темы (--ag-*). Правки в «Стилях» Site Editor меняют токены,
 * а значит и все компоненты, завязанные на var(--ag-*).
 *
 * Значения после запятой — те же, что в tokens.css: если custom-токен не задан,
 * поведение не меняется.
 */
body {
  --ag-color-bg: var(--wp--custom--ag--color--bg, #232629);
  --ag-color-panel: var(--wp--custom--ag--color--panel, #31363b);
  --ag-color-text: var(--wp--custom--ag--color--text, #eff0f1);
  --ag-color-muted: var(--wp--custom--ag--color--muted, #7f8c8d);
  --ag-color-border: var(--wp--custom--ag--color--border, #4d5052);
  --ag-color-primary: var(--wp--custom--ag--color--primary, #3daee9);
  --ag-color-accent: var(--wp--custom--ag--color--accent, #f7992b);
  --ag-color-success: var(--wp--custom--ag--color--success, #2dd36f);
  --ag-color-warning: var(--wp--custom--ag--color--warning, #ffc409);
  --ag-color-danger: var(--wp--custom--ag--color--danger, #ff4961);

  --ag-space-1: var(--wp--custom--ag--space--1, 4px);
  --ag-space-2: var(--wp--custom--ag--space--2, 8px);
  --ag-space-3: var(--wp--custom--ag--space--3, 12px);
  --ag-space-4: var(--wp--custom--ag--space--4, 16px);
  --ag-space-5: var(--wp--custom--ag--space--5, 24px);
  --ag-space-6: var(--wp--custom--ag--space--6, 32px);
  --ag-space-7: var(--wp--custom--ag--space--7, 48px);
  --ag-space-8: var(--wp--custom--ag--space--8, 64px);

  --ag-radius-xs: var(--wp--custom--ag--radius--xs, 3px);
  --ag-radius-sm: var(--wp--custom--ag--radius--sm, 4px);
  --ag-radius-md: var(--wp--custom--ag--radius--md, 8px);
  --ag-radius-lg: var(--wp--custom--ag--radius--lg, 16px);
  --ag-radius-pill: var(--wp--custom--ag--radius--pill, 999px);

  --ag-shadow-sm: var(--wp--custom--ag--shadow--sm, 0 1px 2px rgba(0,0,0,.25));
  --ag-shadow-md: var(--wp--custom--ag--shadow--md, 0 10px 30px rgba(0,0,0,.5));
  --ag-shadow-lg: var(--wp--custom--ag--shadow--lg, 0 30px 100px rgba(0,0,0,.5));

  --ag-bar-h: var(--wp--custom--ag--layout--barH, 45px);
  --ag-sidebar-w: var(--wp--custom--ag--layout--sidebarW, 45px);
  --ag-content-max: var(--wp--custom--ag--layout--contentMax, 1440px);

  --ag-ease-standard: var(--wp--custom--ag--motion--ease, cubic-bezier(.2,.7,.2,1));
  --ag-dur-fast: var(--wp--custom--ag--motion--fast, 120ms);
  --ag-dur-base: var(--wp--custom--ag--motion--base, 220ms);
  --ag-dur-slow: var(--wp--custom--ag--motion--slow, 420ms);

  --ide-font-size: var(--wp--preset--font-size--base, 14px);
}

/* Legacy-алиасы классической темы (их задавал header.php inline):
   контент старых страниц ссылается на --asguard-blue/orange и т.п. */
body {
  --asguard-blue: var(--ag-color-primary);
  --asguard-orange: var(--ag-color-accent);
  --asguard-success: var(--ag-color-success);
  --asguard-warning: var(--ag-color-warning);
  --asguard-danger: var(--ag-color-danger);
  --asguard-muted: var(--ag-color-muted);
  --asguard-border: var(--ag-color-border);
  --asguard-panel: var(--ag-color-panel);
  --asguard-bg: var(--ag-color-bg);
}

/* body — flex-центровка окна. В классике .ide-window был прямым flex-ребёнком
   и width: calc(100% - 80px) считался от body. В блочной теме flex-ребёнок —
   .wp-site-blocks; без width:100% он сжимается по контенту и окно становится
   узким (≈600px вместо полной ширины). */
body:not(.wp-admin):not(.login) > .wp-site-blocks {
  width: 100%;
}