/* ============================================================
   OWSaaS Demo Hub — Design Tokens
   ============================================================ */
:root {
  --bg-page: #f6f7fb;
  --bg-surface: #ffffff;
  --bg-subtle: #f1f3f9;
  --bg-hover: #f5f6fb;

  --border-soft: #eef0f4;
  --border-default: #e3e6ee;
  --border-strong: #cfd4e0;

  --text-primary: #0d1426;
  --text-secondary: #4a5269;
  --text-tertiary: #8a93a6;
  --text-invert: #ffffff;

  --success: #10b981;
  --warning: #f59e0b;
  --danger: #ef4444;
  --info: #3b82f6;

  --shadow-sm: 0 1px 2px rgba(15, 23, 42, .04), 0 1px 3px rgba(15, 23, 42, .06);
  --shadow-md: 0 4px 12px -2px rgba(15, 23, 42, .08), 0 2px 6px -2px rgba(15, 23, 42, .05);
  --shadow-lg: 0 18px 40px -12px rgba(15, 23, 42, .16);

  --r-sm: 8px; --r-md: 12px; --r-lg: 16px; --r-xl: 22px; --r-full: 999px;
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 20px; --s-6: 24px; --s-8: 32px;

  --font-ui: "Plus Jakarta Sans", "Noto Sans SC", system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, Consolas, monospace;

  /* 默认品牌色(indigo) */
  --brand: #4f46e5;
  --brand-600: #4338ca;
  --brand-soft: #eef1ff;
  --brand-ring: rgba(79, 70, 229, .16);
}

/* 各项目主题色(data-theme 切换) */
[data-theme="indigo"]  { --brand:#4f46e5; --brand-600:#4338ca; --brand-soft:#eef1ff; --brand-ring:rgba(79,70,229,.16); }
[data-theme="emerald"] { --brand:#059669; --brand-600:#047857; --brand-soft:#e7f7f0; --brand-ring:rgba(5,150,105,.16); }
[data-theme="teal"]    { --brand:#0d9488; --brand-600:#0f766e; --brand-soft:#e3f6f4; --brand-ring:rgba(13,148,136,.16); }
[data-theme="blue"]    { --brand:#2563eb; --brand-600:#1d4ed8; --brand-soft:#e8f0fe; --brand-ring:rgba(37,99,235,.16); }
[data-theme="green"]   { --brand:#16a34a; --brand-600:#15803d; --brand-soft:#e7f6ec; --brand-ring:rgba(22,163,74,.16); }
[data-theme="rose"]    { --brand:#e11d48; --brand-600:#be123c; --brand-soft:#fdeaef; --brand-ring:rgba(225,29,72,.16); }
[data-theme="violet"]  { --brand:#7c3aed; --brand-600:#6d28d9; --brand-soft:#f1ebfe; --brand-ring:rgba(124,58,237,.16); }
[data-theme="coral"]   { --brand:#f43f5e; --brand-600:#e11d48; --brand-soft:#fdecef; --brand-ring:rgba(244,63,94,.16); }
[data-theme="pink"]    { --brand:#db2777; --brand-600:#be185d; --brand-soft:#fdebf3; --brand-ring:rgba(219,39,119,.16); }
[data-theme="amber"]   { --brand:#d97706; --brand-600:#b45309; --brand-soft:#fdf2e3; --brand-ring:rgba(217,119,6,.16); }
[data-theme="cyan"]    { --brand:#0891b2; --brand-600:#0e7490; --brand-soft:#e2f5fa; --brand-ring:rgba(8,145,178,.16); }