/* Ecology Partner Platform PC Web design tokens */
:root {
  /* Color primitives */
  --color-surface-page: #eef3f6;
  --color-surface-panel: #ffffff;
  --color-surface-soft: #f6f9fb;
  --color-surface-muted: #eef3f7;
  --color-text-primary: #152230;
  --color-text-secondary: #607181;
  --color-text-tertiary: #8a99a7;
  --color-border: #d7e1e8;
  --color-border-strong: #bfccd7;
  --color-brand-primary: #1b66b8;
  --color-brand-primary-hover: #2374c9;
  --color-brand-primary-deep: #0b4d8f;
  --color-accent-teal: #087d77;
  --color-accent-teal-hover: #10928b;
  --color-state-success: #287a46;
  --color-state-success-hover: #329158;
  --color-state-warning: #9b650e;
  --color-state-warning-hover: #b77713;
  --color-state-danger: #aa3338;
  --color-state-danger-hover: #bf4246;
  --color-ink: #102d3d;
  --color-ink-soft: #183d4d;
  --color-focus: rgba(27, 102, 184, .14);
  --color-backdrop: rgba(10, 29, 39, .48);

  /* Semantic aliases consumed by the existing app stylesheet */
  --bg: var(--color-surface-page);
  --panel: var(--color-surface-panel);
  --panel-soft: var(--color-surface-soft);
  --text: var(--color-text-primary);
  --muted: var(--color-text-secondary);
  --subtle: var(--color-text-tertiary);
  --line: var(--color-border);
  --line-strong: var(--color-border-strong);
  --blue: var(--color-brand-primary);
  --blue-deep: var(--color-brand-primary-deep);
  --teal: var(--color-accent-teal);
  --green: var(--color-state-success);
  --amber: var(--color-state-warning);
  --red: var(--color-state-danger);
  --ink: var(--color-ink);
  --ink-soft: var(--color-ink-soft);

  /* Typography */
  --font-sans: "Avenir Next", "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-size-12: 12px;
  --font-size-13: 13px;
  --font-size-14: 14px;
  --font-size-15: 15px;
  --font-size-17: 17px;
  --font-size-19: 19px;
  --font-size-22: 22px;
  --font-size-30: 30px;
  --font-size-32: 32px;
  --font-size-34: 34px;
  --font-weight-medium: 720;
  --font-weight-strong: 800;
  --font-weight-title: 900;

  /* Spacing */
  --space-4: 4px;
  --space-8: 8px;
  --space-10: 10px;
  --space-12: 12px;
  --space-14: 14px;
  --space-16: 16px;
  --space-18: 18px;
  --space-20: 20px;
  --space-24: 24px;
  --space-32: 32px;

  /* Radius */
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-pill: 999px;

  /* Elevation */
  --shadow-soft: 0 1px 2px rgba(16, 45, 61, .05), 0 10px 28px rgba(16, 45, 61, .06);
  --shadow-raised: 0 16px 40px rgba(16, 45, 61, .10);
  --shadow-modal: 0 30px 80px rgba(10, 29, 39, .32);
  --shadow-floating: 0 20px 44px rgba(16, 45, 61, .23);
  --shadow: var(--shadow-raised);
  --focus: 0 0 0 3px var(--color-focus);
}