:root {
  --font: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ink: #172033;
  --muted: #6b7485;
  --subtle: #929baa;
  --line: #e7eaf0;
  --surface: #ffffff;
  --surface-soft: #f7f8fb;
  --canvas: #eef1f6;
  --nav: #111827;
  --nav-soft: #1b2434;
  --primary: #5b5ce2;
  --primary-dark: #4647c7;
  --primary-soft: #ececff;
  --success: #129b73;
  --danger: #d9485f;
  --warning: #d48a13;
  --shadow-sm: 0 1px 2px rgba(15, 23, 42, .05);
  --shadow-lg: 0 24px 80px rgba(15, 23, 42, .14);
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --ink: #eef1f7;
    --muted: #a8b0bf;
    --subtle: #7f899b;
    --line: #30394a;
    --surface: #18202d;
    --surface-soft: #141b26;
    --canvas: #0d131c;
    --nav: #090e15;
    --nav-soft: #121a26;
    --primary-soft: #282958;
  }
}

:root {
  --pw-font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --pw-font-size: 16px;
  --pw-font-weight: 400;
  --pw-text-2xs: 11px;
  --pw-text-xs: 13px;
  --pw-text-sm: 15px;
  --pw-text-md: 16px;
  --pw-text-lg: 19px;
  --pw-text-xl: 23px;
  --pw-header: #4056b8;
  --pw-accent: #e60057;
  --pw-accent-text: #ffffff;
  --pw-save-button-bg: var(--pw-accent);
  --pw-save-button-text: var(--pw-accent-text);
  --pw-save-button-font-size: 14px;
  --font: var(--pw-font);
  --primary: var(--pw-accent);
  --primary-contrast: var(--pw-accent-text);
  --primary-dark: color-mix(in srgb, var(--pw-accent) 82%, #000);
  --primary-soft: color-mix(in srgb, var(--pw-accent) 12%, var(--surface));
  --nav: var(--pw-header);
  --nav-soft: color-mix(in srgb, var(--pw-header) 86%, #000);
  --nav-text: #fff;
  --nav-muted: rgba(255,255,255,.72);
  --pw-workspace-gap: 8px;
  --pw-workspace-pad-x: 8px;
  --pw-workspace-pad-top: 10px;
  --pw-workspace-pad-bottom: 12px;
  --pw-workspace-radius: 10px;
  --pw-workspace-shadow: var(--shadow-sm);
}