:root{
  --bg:#ffffff;
  --surface:#f8f9fa;
  --surface2:#ffffff;
  --text:#1a1a1a;
  --muted:rgba(26,26,26,0.6);
  --border:rgba(0,0,0,0.08);
  --accent:#2563eb;
  --accent2:#3b82f6;
  --accent-strong:rgba(37,99,235,0.9);
  --accent-soft:rgba(37,99,235,0.08);
  --bg-grad-1:rgba(37,99,235,0.02);
  --bg-grad-2:rgba(59,130,246,0.02);
  --accent-shadow:rgba(37,99,235,0.1);
  --grid-opacity:0;
  --grid-color:transparent;
  --chrome-top:rgba(255,255,255,0.98);
  --chrome-bottom:rgba(255,255,255,0.95);
  --editor-bg:#ffffff;
  --editor-text:#1a1a1a;
  --editor-toolbar-bg:rgba(0,0,0,0.02);
  --popover-bg:rgba(255,255,255,0.98);
  --actions-bg:rgba(255,255,255,0.9);
  --page-bg:var(--editor-bg);
  --page-shadow:0 1px 3px rgba(0,0,0,0.08);
  --danger:#dc2626;
  --ok:#16a34a;
  --shadow:0 1px 2px rgba(0,0,0,0.05);
  --radius:8px;
}
body{background:var(--bg);color:var(--text);}
.panel{background:var(--surface);border:1px solid var(--border);}
.btn{background:rgba(0,0,0,0.02);border:1px solid var(--border);}
.btn:hover{background:rgba(37,99,235,0.05);border-color:var(--accent);}
.field input,.field select{background:#ffffff;border:1px solid var(--border);}
.header{background:var(--chrome-top);border-bottom:1px solid var(--border);box-shadow:0 1px 2px rgba(0,0,0,0.04);}
.nav-desktop{background:var(--chrome-top);border-bottom:1px solid var(--border);}
.nav-drawer-content{background:var(--chrome-top);border-right:1px solid var(--border);}
.nav-link:hover{background:rgba(37,99,235,0.05);}
.nav-link.active{background:rgba(37,99,235,0.1);color:var(--accent);}