/* Scoped admin redesign tokens. This file intentionally contains variables only. */
html[data-admin-theme="graphite"] {
  --g-canvas: #0a0f1c;
  --g-shell: #0d1422;
  --g-surface-1: #111827;
  --g-surface-2: #182235;
  --g-surface-3: #202c42;

  --g-text-1: #f1f5fb;
  --g-text-2: #a7b3c7;
  --g-text-3: #8494ae;
  --g-text-inverse: #ffffff;

  --g-line-soft: rgba(145, 163, 195, 0.10);
  --g-line: rgba(145, 163, 195, 0.16);
  --g-line-strong: rgba(145, 163, 195, 0.28);

  --g-accent: #4c8dff;
  --g-accent-hover: #6aa2ff;
  --g-accent-soft: rgba(76, 141, 255, 0.14);
  --g-accent-ink: #ffffff;
  --g-success: #2fb344;
  --g-success-hover: #3bc653;
  --g-success-soft: rgba(47, 179, 68, 0.14);
  --g-success-ink: #ffffff;
  --g-info: #8ab4ff;
  --g-warning: #f59f00;
  --g-danger: #d63939;
  --g-focus: rgba(76, 141, 255, 0.46);

  --g-info-soft: rgba(138, 180, 255, 0.14);
  --g-warning-soft: rgba(245, 159, 0, 0.14);
  --g-danger-soft: rgba(214, 57, 57, 0.14);
  --g-overlay: rgba(3, 7, 16, 0.78);

  --g-metric-fog-emerald: rgba(76, 141, 255, 0.24);
  --g-metric-fog-cyan: rgba(96, 165, 250, 0.20);
  --g-metric-fog-magenta: rgba(121, 80, 242, 0.18);
  --g-metric-fog-amber: rgba(101, 116, 255, 0.18);

  --g-radius-panel: 18px;
  --g-radius-card: 13px;
  --g-radius-control: 9px;
  --g-radius-sm: 6px;
  --g-shadow-panel: 0 24px 72px rgba(0, 0, 0, 0.48);
  --g-shadow-overlay: 0 32px 96px rgba(0, 0, 0, 0.62);

  --g-font-sans: "Segoe UI Variable Text", "Microsoft YaHei UI", "PingFang SC", system-ui, -apple-system, sans-serif;
  --g-font-xs: 12px;
  --g-font-sm: 13px;
  --g-font-md: 14px;
  --g-font-lg: 16px;
  --g-font-xl: 20px;
  --g-line-height: 1.55;

  --g-space-1: 4px;
  --g-space-2: 8px;
  --g-space-3: 12px;
  --g-space-4: 16px;
  --g-space-5: 20px;
  --g-space-6: 24px;
  --g-space-8: 32px;
  --g-space-10: 40px;

  --g-sidebar-width: 252px;
  --g-topbar-height: 68px;
  --g-content-max: 1680px;
  --g-control-height: 40px;
  --g-control-height-sm: 34px;
  --g-motion-fast: 140ms;
  --g-motion-base: 200ms;
  --g-ease: cubic-bezier(0.2, 0.75, 0.25, 1);

  --bg: var(--g-canvas);
  --bg2: var(--g-surface-1);
  --bg3: var(--g-surface-2);
  --input-bg: var(--g-surface-1);
  --text: var(--g-text-1);
  --text2: var(--g-text-2);
  --text3: var(--g-text-3);
  --border: var(--g-line);
  --border-soft: var(--g-line-soft);
  --primary: var(--g-accent);
  --primary-light: var(--g-accent-hover);
  --primary-bg: var(--g-accent-soft);
  --success: var(--g-success);
  --warning: var(--g-warning);
  --danger: var(--g-danger);
  --radius: var(--g-radius-card);
  --shadow: var(--g-shadow-panel);
  --sidebar-width: var(--g-sidebar-width);
}