/* SPEC: PJ2026-010405 云端控制台. */
/* Implementation reference: draft-2026-07-13-p0-cloud-console. */

:root {
  color-scheme: light;
  --console-font-sans: "IBM Plex Sans", "Noto Sans SC", "Source Han Sans SC", "Segoe UI", sans-serif;
  --console-font-mono: "IBM Plex Mono", "Cascadia Code", "SFMono-Regular", Consolas, monospace;
  --console-graphite-1000: #0b1113;
  --console-graphite-950: #11191c;
  --console-graphite-900: #182226;
  --console-graphite-800: #253237;
  --console-graphite-700: #39484d;
  --console-graphite-600: #546267;
  --console-graphite-500: #748186;
  --console-graphite-300: #b9c2c3;
  --console-graphite-200: #d4dbda;
  --console-graphite-100: #e8ecea;
  --console-canvas: #e6ebe8;
  --console-surface: #fbfaf5;
  --console-surface-raised: #ffffff;
  --console-surface-muted: #f1f3ef;
  --console-cyan-700: #006d73;
  --console-cyan-600: #00838a;
  --console-cyan-500: #00a1a8;
  --console-cyan-200: #9edee0;
  --console-cyan-100: #dff3f2;
  --console-amber-700: #8a5200;
  --console-amber-500: #d79216;
  --console-amber-100: #fff1cf;
  --console-red-700: #9b302c;
  --console-red-100: #fee8e5;
  --console-green-700: #346a45;
  --console-green-100: #e1f2e5;
  --console-focus: #00a1a8;
  --console-border: #cbd3d1;
  --console-border-strong: #aab7b5;
  --console-shadow-sm: 0 1px 2px rgb(11 17 19 / 8%);
  --console-shadow-md: 0 16px 44px rgb(11 17 19 / 18%);
  --console-radius-xs: 3px;
  --console-radius-sm: 6px;
  --console-radius-md: 10px;
  --console-radius-lg: 14px;
  --console-space-1: 4px;
  --console-space-2: 8px;
  --console-space-3: 12px;
  --console-space-4: 16px;
  --console-space-5: 20px;
  --console-space-6: 24px;
  --console-duration-fast: 120ms;
  --console-duration-normal: 180ms;
  --console-sidebar-width: 264px;
  --console-sidebar-collapsed-width: 72px;
  --console-topbar-height: 48px;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    scroll-behavior: auto;
    --console-duration-fast: 0ms;
    --console-duration-normal: 0ms;
  }
}
