/**
 * Web Admin V2 — Design Tokens SSOT (RC1 Accessibility).
 * All UI colors/typography must reference these tokens.
 * Legacy aliases (--bg, --panel, --text, --muted, …) map here for app.css.
 */

:root {
  /* ── Background ── */
  --bg-page: #f4f6f5;
  --bg-panel: #ffffff;
  --bg-card: #ffffff;
  --bg-hover: #eef1f0;
  --bg-muted: #eef1f0;
  --bg-input: #ffffff;
  --bg-code: #f0f3f1;
  --bg-overlay: rgba(26, 36, 32, 0.4);

  /* ── Text (WCAG AA on --bg-card / --bg-page) ── */
  --text-primary: #14201b;
  --text-secondary: #3d4f47;
  --text-tertiary: #5a6b63;
  --text-disabled: #7a8a82;
  --text-inverse: #ffffff;
  --text-link: #1a5c3f;

  /* ── Border ── */
  --border-default: #c5d0ca;
  --border-light: #dfe6e2;
  --border-strong: #9aaba2;
  --border-focus: #1f6b4a;

  /* ── Brand / Status ── */
  --color-primary: #1a5c3f;
  --color-primary-hover: #144a33;
  --color-primary-soft: #e3f2eb;
  --success: #0f6b3a;
  --success-soft: #e6f6ed;
  --warning: #9a5b00;
  --warning-soft: #fff4df;
  --danger: #b42318;
  --danger-soft: #fdecea;
  --info: #1f5f8a;
  --info-soft: #e8f2f8;

  /* ── Typography ── */
  --font-family: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --font-h1: 700 24px/32px var(--font-family);
  --font-h2: 650 20px/28px var(--font-family);
  --font-h3: 600 16px/24px var(--font-family);
  --font-body: 400 14px/22px var(--font-family);
  --font-label: 500 13px/20px var(--font-family);
  --font-caption: 400 12px/18px var(--font-family);
  --font-metric: 700 28px/34px var(--font-family);

  /* ── Radius / Space / Shadow ── */
  --radius-card: 12px;
  --radius-button: 8px;
  --radius-input: 8px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --shadow-card: 0 1px 2px rgba(20, 32, 27, 0.06), 0 1px 3px rgba(20, 32, 27, 0.04);
  --shadow-drawer: -8px 0 24px rgba(20, 32, 27, 0.12);
  --shadow-floating: 0 8px 28px rgba(20, 32, 27, 0.14);

  /* ── Legacy aliases (app.css / studio) → light theme ── */
  --bg: var(--bg-page);
  --panel: var(--bg-card);
  --border: var(--border-default);
  --text: var(--text-primary);
  --muted: var(--text-secondary);
  --accent: var(--color-primary);
  --ok: var(--success);
  --warn: var(--warning);
  --danger: var(--danger);

  /* ── V2 aliases (shell / ops modules) ── */
  --v2-color-primary: var(--color-primary);
  --v2-color-primary-hover: var(--color-primary-hover);
  --v2-color-primary-soft: var(--color-primary-soft);
  --v2-color-success: var(--success);
  --v2-color-warning: var(--warning);
  --v2-color-danger: var(--danger);
  --v2-color-info: var(--info);
  --v2-bg-app: var(--bg-page);
  --v2-bg-surface: var(--bg-card);
  --v2-bg-muted: var(--bg-muted);
  --v2-border: var(--border-default);
  --v2-text: var(--text-primary);
  --v2-text-secondary: var(--text-secondary);
  --v2-text-inverse: var(--text-inverse);
  --v2-text-disabled: var(--text-disabled);
  --v2-surface: var(--bg-card);
  --v2-surface-muted: var(--bg-muted);
  --v2-radius-card: var(--radius-card);
  --v2-radius-button: var(--radius-button);
  --v2-radius-input: var(--radius-input);
  --v2-space-2: var(--space-2);
  --v2-space-3: var(--space-3);
  --v2-space-4: var(--space-4);
  --v2-space-5: var(--space-5);
  --v2-space-6: var(--space-6);
  --v2-shadow-card: var(--shadow-card);
  --v2-shadow-drawer: var(--shadow-drawer);
  --v2-shadow-floating: var(--shadow-floating);
  --v2-font-page: var(--font-h1);
  --v2-font-caption: var(--font-caption);
}