/* Preview chrome — theme-base.css does the actual theming */

.preview-frame.theme {
  --bg: #ffffff;
  --surface: #f4f4f5;
  --text: #18181b;
  --text-muted: #71717a;
  --accent: #6366f1;
  --accent-contrast: #ffffff;
  --border-color: #e4e4e7;
  --font-heading: system-ui, sans-serif;
  --font-body: system-ui, sans-serif;
  --font-scale: 1.25;
  --base-size: 16px;
  --radius: 8px;
  --border-width: 1px;
  --shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  --space-unit: 8px;
  --h1: 39px;
  --h2: 31px;
  --h3: 25px;
  --h4: 20px;
  --h5: 16px;
  --h6: 13px;

  border-radius: calc(var(--radius) + 4px);
  border: var(--border-width) solid var(--border-color);
  box-shadow: var(--shadow);
  padding: calc(var(--space-unit) * 3);
  min-height: 100%;
}