/* SmartCMS Admin — CSS custom properties generated from tokens.json. Load before bundle.css. */
:root, [data-theme="light"] {
  --canvas: #f3f4f6; --surface: #ffffff; --surface-sunken: #eaecf0; --surface-hover: #f6f7f9;
  --ink: #1d232c; --ink-muted: #576170; --border: #d6dae0; --border-strong: #7c8594;
  --primary: #0e6a66; --primary-hover: #0a5450; --primary-tint: #e3f2f1; --on-primary: #ffffff; --link: #0e6a66;
  --accent: #e8a317; --on-accent: #1d232c;
  --sidebar-bg: #1a202b; --sidebar-bg-hover: #252d3b; --sidebar-sub-bg: #232a37; --sidebar-ink: #c5cdd8; --sidebar-ink-active: #ffffff; --sidebar-current: #0e6a66;
  --adminbar-bg: #11151c; --adminbar-ink: #dfe4ea;
  --success: #1e7b3c; --success-tint: #e5f4ea; --warning: #8f5b00; --warning-tint: #fdf2dc;
  --danger: #b3261e; --danger-tint: #fcebea; --on-danger: #ffffff; --info: #1d5fbd; --info-tint: #e6eefb; --focus-ring: #1d5fbd;
  --shadow-card: 0 1px 1px rgba(16,24,40,0.04); --shadow-popover: 0 6px 16px rgba(16,24,40,0.18);
}
[data-theme="dark"] {
  --canvas: #12151b; --surface: #1b2029; --surface-sunken: #232935; --surface-hover: #222834;
  --ink: #e8ecf2; --ink-muted: #a3adbb; --border: #343c4a; --border-strong: #6f7a8b;
  --primary: #3fb5ad; --primary-hover: #5cc8c0; --primary-tint: #16302f; --on-primary: #0c1f1e; --link: #5cc8c0;
  --accent: #f0b43c; --on-accent: #1d232c;
  --sidebar-bg: #0d1016; --sidebar-bg-hover: #1a1f29; --sidebar-sub-bg: #151a22; --sidebar-ink: #b3bcc9; --sidebar-ink-active: #ffffff; --sidebar-current: #1f7d77;
  --adminbar-bg: #07090d; --adminbar-ink: #c9d0da;
  --success: #5fcf86; --success-tint: #15291d; --warning: #f0b43c; --warning-tint: #2e2512;
  --danger: #ff8a80; --danger-tint: #34191a; --on-danger: #1d0a09; --info: #7fb0ff; --info-tint: #172338; --focus-ring: #7fb0ff;
  --shadow-card: 0 1px 2px rgba(0,0,0,0.4); --shadow-popover: 0 8px 20px rgba(0,0,0,0.5);
}
:root {
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 20px; --space-6: 24px; --space-8: 32px;
  --radius-sm: 3px; --radius-md: 4px; --radius-lg: 8px; --radius-pill: 999px;
  --sidebar-width: 160px; --sidebar-collapsed-width: 36px; --adminbar-height: 32px; --adminbar-height-mobile: 46px; --touch-target: 44px; --content-max: 1200px;
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, "Cascadia Code", Consolas, Menlo, monospace;
}