/* 鑫三国设计令牌：宣纸底、墨色字、一点朱红。
   平铺纸片形块的画面语言，放到看板上就是“纸 + 墨 + 印”。 */
:root {
  color-scheme: light;

  --xin-color-ink: #16150f;
  --xin-color-on-ink: #f7f2e9;
  --xin-color-progress: #2e4a5a;
  --xin-color-result: #b07b3f;
  --xin-accent: #b8332a;
  --xin-paper: #efe7da;
  --xin-paper-raised: #f7f2e9;

  --xin-neutral-0: #fdfbf6;
  --xin-neutral-50: #faf6ee;
  --xin-neutral-100: #f3ede2;
  --xin-neutral-200: #e7dfd1;
  --xin-neutral-300: #d9cfbe;
  --xin-neutral-400: #c4b8a3;
  --xin-neutral-500: #a1968a;
  --xin-neutral-600: #7d7367;
  --xin-neutral-700: #5c544a;
  --xin-neutral-800: #3e382f;
  --xin-neutral-900: #2a2620;
  --xin-neutral-950: #16150f;

  --xin-surface-page: var(--xin-paper);
  --xin-surface-primary: var(--xin-paper-raised);
  --xin-surface-subtle: var(--xin-neutral-50);
  --xin-surface-inverse: var(--xin-neutral-950);
  --xin-text-primary: var(--xin-neutral-900);
  --xin-text-secondary: var(--xin-neutral-700);
  --xin-text-tertiary: var(--xin-neutral-600);
  --xin-text-disabled: var(--xin-neutral-500);
  --xin-text-inverse: var(--xin-neutral-50);
  --xin-border-default: #ddd3c2;
  --xin-border-strong: #b6a892;
  --xin-border-focus: var(--xin-color-ink);

  --xin-success: #4f7a52;
  --xin-warning: #b07b3f;
  --xin-danger: var(--xin-accent);
  --xin-info: #2e4a5a;
  --xin-success-text: #365a38;
  --xin-warning-text: #7a5426;
  --xin-danger-text: #8f2a23;
  --xin-info-text: #24414f;

  --xin-dark-page: #14130f;
  --xin-dark-surface: #1d1b16;
  --xin-dark-surface-raised: #27241d;
  --xin-dark-text: #f3ede2;
  --xin-dark-text-secondary: #b4a894;
  --xin-dark-border: #413b31;

  --xin-font-sans: "Noto Serif SC", "Source Han Serif SC", "Songti SC", "STSong", "SimSun", Georgia, serif;
  --xin-font-ui: "Inter", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  --xin-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --xin-font-regular: 400;
  --xin-font-medium: 500;
  --xin-font-semibold: 600;
  --xin-font-bold: 700;
  --xin-text-caption: 12px;
  --xin-text-body: 15px;
  --xin-text-body-lg: 16px;
  --xin-text-h3: 19px;
  --xin-text-h2: 23px;
  --xin-text-h1: 32px;
  --xin-text-display: 44px;

  --xin-space-0: 0;
  --xin-space-1: 4px;
  --xin-space-2: 8px;
  --xin-space-3: 12px;
  --xin-space-4: 16px;
  --xin-space-5: 20px;
  --xin-space-6: 24px;
  --xin-space-8: 32px;
  --xin-space-10: 40px;
  --xin-space-12: 48px;
  --xin-space-16: 64px;

  --xin-radius-sm: 2px;
  --xin-radius-md: 4px;
  --xin-radius-lg: 6px;
  --xin-radius-xl: 8px;
  --xin-radius-full: 999px;
  --xin-shadow-sm: 0 1px 2px rgb(38 30 20 / 10%);
  --xin-shadow-md: 0 2px 8px rgb(38 30 20 / 12%);
  --xin-shadow-lg: 0 8px 24px rgb(38 30 20 / 16%);
  --xin-motion-fast: 150ms;
  --xin-motion-standard: 250ms;
  --xin-motion-slow: 400ms;
  --xin-ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --xin-content-max: 1200px;
  --xin-text-max: 720px;

  --brand-1: var(--xin-neutral-50);
  --brand-2: #f0e9dc;
  --brand-3: #e2d8c7;
  --brand-4: #cfc2ac;
  --brand-5: #b3a58e;
  --brand-6: #948772;
  --brand-7: #746a59;
  --brand-8: #524a3f;
  --brand-9: #332e27;
  --brand-10: var(--xin-neutral-950);
  --bg: var(--xin-surface-page);
  --surface: var(--xin-surface-primary);
  --surface-dark: #f0e9dc;
  --text: var(--xin-text-primary);
  --text-2: var(--xin-text-secondary);
  --text-3: var(--xin-text-disabled);
  --text-on: var(--xin-text-inverse);
  --border: var(--xin-border-default);
  --border-strong: var(--xin-border-strong);
  --success: var(--xin-success);
  --warning: var(--xin-warning);
  --danger: var(--xin-danger);
  --info: var(--xin-info);
  --logo: var(--xin-color-ink);
  --r-sm: var(--xin-radius-sm);
  --r-md: var(--xin-radius-md);
  --r-lg: var(--xin-radius-lg);
  --r-xl: var(--xin-radius-xl);
  --r-full: var(--xin-radius-full);
  --shadow: var(--xin-shadow-md);
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}