/* Dukang design tokens — mirrored from packages/shared-ui/src/tokens.css */
page,
:root {
  --color-surface: #faf9f7;
  --color-surface-dim: #dadad8;
  --color-surface-container-low: #f4f3f1;
  --color-surface-container: #efeeec;
  --color-surface-container-highest: #e3e2e0;
  --color-on-surface: #1a1c1b;
  --color-on-surface-variant: #5a413f;
  --color-outline: #8d706e;
  --color-outline-variant: #e2bebc;

  --color-primary: #820012;
  --color-on-primary: #ffffff;
  --color-heritage-red: #a61d24;
  --color-on-primary-container: #ffb9b4;

  --color-secondary: #735c00;
  --color-secondary-container: #fed65b;
  --color-on-secondary-container: #745c00;
  --color-aged-amber: #ffbf00;

  --color-success-green: #2d6a4f;
  --color-status-blue: #2a6ebb;
  --color-subtle-gray: #999999;
  --color-ink-black: #1a1a1a;

  --color-error: #ba1a1a;
  --color-background: #faf9f7;
  --color-card: #ffffff;

  --font-headline: 'PingFang SC', 'Noto Sans SC', sans-serif;
  --font-body: 'PingFang SC', 'Noto Sans SC', sans-serif;
  --font-label: 'PingFang SC', 'Noto Sans SC', sans-serif;

  --radius-sm: 0.25rem;
  --radius-md: 0.75rem;
  --radius-lg: 1rem;
  --radius-xl: 1.5rem;
  --radius-full: 9999px;

  --space-page: 20px;
  --space-gutter: 12px;
  --space-md: 16px;
  --space-lg: 32px;

  --shadow-card: 0 4px 20px rgba(166, 29, 36, 0.05);
  --shadow-tabbar: 0 -4px 20px rgba(0, 0, 0, 0.06);
  --border-card: 1px solid rgba(166, 29, 36, 0.05);
}