/* Shared visual tokens for the public site and administration interface. */
:root {
  --color-primary: #0d3f74;
  --color-primary-dark: #0a335f;
  --color-primary-light: #dceaf6;
  --color-text: #323232;
  --color-text-secondary: #666666;
  --color-border: #d5d5d5;
  --color-bg: #ffffff;
  --color-bg-subtle: #f5f7f9;

  /* Backward-compatible aliases used by the existing confirmed layout. */
  --color-ink: var(--color-text);
  --color-ink-deep: var(--color-primary-dark);
  --color-accent: var(--color-primary);
  --color-accent-soft: var(--color-primary-light);
  --color-paper: #ffffff;
  --color-tint: var(--color-bg-subtle);
  --color-line: var(--color-border);
  --color-muted: var(--color-text-secondary);
  --shadow-soft: 0 8px 24px rgb(13 63 116 / 8%);
  --font-sans: "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
  --font-serif: "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
  --container: min(1200px, calc(100vw - 64px));
  --section-space: clamp(40px, 4.5vw, 64px);
  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
}

@media (max-width: 767px) {
  :root {
    --container: min(1200px, calc(100% - 40px));
  }
}