:root{
  --bg-page:#F5F7FB;
  --bg-section:#FFFFFF;
  --bg-soft:#F0F4FA;
  --color-primary:#356CFF;
  --color-primary-hover:#2459F2;
  --color-primary-soft:#E8F0FF;
  --color-text-main:#17233D;
  --color-text-body:#5D6B82;
  --color-text-muted:#8A97AA;
  --color-text-light:#8A97AA;
  --color-border:#E2EAF5;
  --color-border-strong:#CAD7EE;
  --color-card:#FFFFFF;
  --color-shadow:rgba(52,88,160,.08);
  --color-danger:#FF4D4F;
  --color-danger-soft:#FFF0F0;
  --color-success:#20B26B;
  --color-success-soft:#E8F7EF;
  --color-warning:#B7791F;
  --color-warning-soft:#FFF5DF;
  --radius-sm:10px;
  --radius-md:16px;
  --radius-lg:22px;
  --radius-xl:24px;
  --card-radius:18px;
  --shadow-card:0 18px 48px var(--color-shadow);
  --shadow-soft:0 10px 28px rgba(52,88,160,.06);
  --container-width:1280px;

  --bg:var(--bg-page);
  --surface:var(--color-card);
  --paper:var(--color-card);
  --line:var(--color-border);
  --line-strong:var(--color-border-strong);
  --ink:var(--color-text-main);
  --ink-2:#31425C;
  --ink-3:var(--color-text-body);
  --ink-4:var(--color-text-light);
  --blue:var(--color-primary);
  --blue-deep:var(--color-primary-hover);
  --blue-soft:var(--color-primary-soft);
  --down:var(--color-danger);
  --down-soft:var(--color-danger-soft);
  --red:var(--color-danger);
  --red-soft:var(--color-danger-soft);
  --ok:var(--color-success);
  --ok-soft:var(--color-success-soft);
  --green:var(--color-success);
  --green-soft:var(--color-success-soft);
  --amber:var(--color-warning);
  --amber-soft:var(--color-warning-soft);
  --muted:var(--color-text-body);
  --shadow:var(--shadow-card);

  --saas-bg:var(--bg-page);
  --saas-surface:var(--bg-section);
  --saas-soft:var(--bg-soft);
  --saas-ink:var(--color-text-main);
  --saas-muted:var(--color-text-body);
  --saas-line:var(--color-border);
  --saas-blue:var(--color-primary);
  --saas-blue-dark:var(--color-primary-hover);
  --saas-blue-soft:var(--color-primary-soft);
  --saas-shadow:var(--shadow-card);

  --hero-bg:var(--bg-page);
  --hero-blue:var(--color-primary);
  --hero-blue-deep:var(--color-primary-hover);
  --hero-blue-bright:#6F95FF;
  --hero-cyan:var(--color-primary);
  --hero-cyan-soft:rgba(53,108,255,.28);
  --hero-cyan-dim:rgba(53,108,255,.12);
  --hero-text:var(--color-text-main);
  --hero-muted:var(--color-text-body);
  --hero-line:rgba(53,108,255,.18);
}