/* Design tokens — adapted from the FortuneTell.AI / FT App design system (v1.0, 2026-09-23).
   Adaptation notes (logged in docs/design-adaptation.md):
   - Full color / spacing / radius / type-scale / component-size token set carried over unchanged.
   - Brand CN webfonts (Alibaba PuHuiTi 1.0 / Wenyuan Serif) not available for this EN property →
     system serif/sans stacks stand in for FT Serif / FT Sans roles.
   - Cultural decoration kept to corner/edge layers only; never under body copy. */

:root {
  /* — brand & semantic (from FT S14) — */
  --ft-primary: #bb9266;
  --ft-on-primary: #fcfbfa;
  --ft-primary-container: #e0cfb3;
  --ft-on-primary-container: #4b3114;
  --ft-secondary: #a7998a;
  --ft-on-secondary: #fcfbfa;
  --ft-secondary-container: #ece3d0;
  --ft-on-secondary-container: #8f8a8a;
  --ft-tertiary: #bcb5ae;
  --ft-on-tertiary: #fcfbfa;
  --ft-error: #d65544;
  --ft-on-error: #fcfbfa;
  --ft-error-container: #ffece9;
  --ft-on-error-container: #393736;
  --ft-positive: #4eb262;
  --ft-on-positive: #fcfbfa;
  --ft-positive-container: #deeee1;
  --ft-on-positive-container: #393736;

  /* — surfaces & neutrals (FT S14) — */
  --ft-surface-container-lowest: #fcfbfa;
  --ft-surface-container-low: #ede8e8;
  --ft-on-surface: #2e281a;
  --ft-outline: #d3cfc5;
  --ft-white: #fcfbfa;
  --ft-grey-1: #ede8e8;
  --ft-grey-2: #d4d4d4;
  --ft-grey-3: #b0b0b0;
  --ft-grey-4: #8f8a8a;
  --ft-grey-6: #5c5f5a;
  --ft-grey-8: #393736;
  --ft-black: #2e281a;

  /* — semantic aliases (FT §2.3 建议) — */
  --ft-background: var(--ft-surface-container-lowest);
  --ft-surface: var(--ft-surface-container-lowest);
  --ft-text-primary: var(--ft-on-surface);
  --ft-text-secondary: var(--ft-grey-6);
  --ft-text-muted: var(--ft-grey-4);
  --ft-border: var(--ft-outline);
  --ft-toast-neutral: var(--ft-grey-6);

  /* — type (FT S15 scale; family stacks are the EN adaptation) — */
  --ft-font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --ft-font-serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;
  --ft-weight-regular: 400;
  --ft-weight-medium: 500;
  --ft-weight-bold: 700;
  --ft-display-lg-size: 32px;
  --ft-display-md-size: 24px;
  --ft-display-sm-size: 18px;
  --ft-headline-lg-size: 20px;
  --ft-headline-md-size: 18px;
  --ft-headline-sm-size: 15px;
  --ft-body-lg-size: 15px;
  --ft-body-md-size: 13px;
  --ft-label-lg-size: 15px;
  --ft-label-sm-size: 12px;
  --ft-leading-display: 1.3;
  --ft-leading-text: 1.5;

  /* — 4px spacing scale (FT §4.2) — */
  --ft-space-1: 4px;  --ft-space-2: 8px;  --ft-space-3: 12px; --ft-space-4: 16px;
  --ft-space-5: 20px; --ft-space-6: 24px; --ft-space-7: 28px; --ft-space-8: 32px;
  --ft-space-9: 36px; --ft-space-10: 40px; --ft-space-12: 48px;

  /* — layout & component sizes (FT S12/S16) — */
  --ft-page-default: 24px;
  --ft-page-focus: 36px;
  --ft-page-dense: 16px;
  --ft-radius-input: 12px;
  --ft-radius-list-group: 26px;
  --ft-radius-card: 32px;
  --ft-radius-button: 32px;
  --ft-button-height: 44px;
  --ft-target-min: 48px;
  --ft-list-row-height: 70px;
  --ft-dialog-width: 330px;
  --ft-border-hairline: 0.5px;
  --ft-border-default: 1px;
  --ft-shadow-result: 0 20px 40px 0 rgb(187 146 102 / 12%);

  /* — supplemental (FT §10 建议) — */
  --ft-radius-pill: 999px;
  --ft-motion-fast: 160ms;
  --ft-motion-panel: 220ms;
  --ft-overlay: rgb(0 0 0 / 45%);

  /* chart semantics */
  --chart-defined: var(--ft-primary);
  --chart-open: var(--ft-outline);
  --chart-personality: #3a3125;
  --chart-design: #c96f52;

  color-scheme: light;
}