/* Embed shell — те же токены, что на play.spirzen.ru; синхрон темы через theme.js */

html[data-theme='light'] {
  color-scheme: light;
  --embed-bg: var(--bg);
  --embed-border: var(--border);
  --embed-toolbar: var(--surface);
  --embed-fg: var(--text);
  --embed-muted: var(--muted);
  --embed-accent: var(--it-primary);
  --embed-surface: var(--surface);
}

html[data-theme='dark'] {
  color-scheme: dark;
  --embed-bg: var(--bg);
  --embed-border: var(--border);
  --embed-toolbar: var(--surface);
  --embed-fg: var(--text);
  --embed-muted: var(--muted);
  --embed-accent: var(--it-primary);
  --embed-surface: var(--surface);
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme]) {
    color-scheme: light;
    --embed-bg: var(--bg);
    --embed-border: var(--border);
    --embed-toolbar: var(--surface);
    --embed-fg: var(--text);
    --embed-muted: var(--muted);
    --embed-accent: var(--it-primary);
    --embed-surface: var(--surface);
  }
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    color-scheme: dark;
    --embed-bg: var(--bg);
    --embed-border: var(--border);
    --embed-toolbar: var(--surface);
    --embed-fg: var(--text);
    --embed-muted: var(--muted);
    --embed-accent: var(--it-primary);
    --embed-surface: var(--surface);
  }
}

:root {
  --embed-radius: var(--radius, 12px);
  --embed-pad-x: 0;
  --embed-pad-y: 0;
  --embed-font: var(--font, 'Segoe UI', system-ui, sans-serif);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
}

html.embed-doc,
html.embed-doc body.embed-body {
  height: auto;
  min-height: 0;
  overflow: hidden;
  background: var(--embed-bg);
  color: var(--embed-fg);
  font-family: var(--embed-font);
}

.embed-main {
  padding: var(--embed-pad-y) var(--embed-pad-x);
  width: 100%;
  overflow: hidden;
  background: var(--embed-bg);
  color: var(--embed-fg);
}