/*
 * Local fallback for the ChinaTravelMag design-system tokens.
 * The canonical article stylesheet imports these variables from the WordPress
 * plugin in integrated branches; this standalone preview carries the same
 * values so its visual language does not collapse to browser defaults.
 */

:root {
  color-scheme: light;

  --ctm-bg: #fbf8f2;
  --ctm-surface: #fffdf9;
  --ctm-surface-muted: #f3ede2;
  --ctm-surface-sage: #dfe9e2;
  --ctm-surface-accent: #fff0eb;
  --ctm-surface-drawer: #fbfaf6;
  --ctm-surface-header: rgba(255, 253, 249, .96);
  --ctm-surface-warm: #faf6ef;
  --ctm-surface-warm-muted: #f7f3ec;

  --ctm-text: #0d2e29;
  --ctm-text-muted: #5f6d69;
  --ctm-text-subtle: #66746f;
  --ctm-text-faint: #7f8985;

  --ctm-forest: #174b3e;
  --ctm-forest-dark: #0b342d;
  --ctm-forest-border: rgba(23, 75, 62, .48);
  --ctm-forest-border-soft: rgba(23, 75, 62, .16);

  --ctm-terracotta-action: #cf452a;
  --ctm-terracotta-dark: #ab351f;
  --ctm-gold: #ad7a26;
  --ctm-success: #237453;
  --ctm-warning-text: #6f5535;
  --ctm-warning-surface: #fff5d8;
  --ctm-warning-border: #d9b66f;
  --ctm-warning-ink: #503d19;

  --ctm-border: #ded8cd;
  --ctm-border-subtle: #eee8df;
  --ctm-border-strong: #c8bdae;
  --ctm-border-header: rgba(222, 216, 205, .7);

  --ctm-font-serif: "Iowan Old Style", Baskerville, "Times New Roman", Georgia, serif;
  --ctm-font-sans: "Avenir Next", Avenir, "Segoe UI", Helvetica, Arial, sans-serif;

  --ctm-focus-color: #ab351f;
  --ctm-focus-outline: 3px solid var(--ctm-focus-color);

  --ctm-shadow-soft: 0 12px 32px rgba(25, 40, 34, .08);
  --ctm-shadow-float: 0 18px 50px rgba(7, 38, 31, .15);
  --ctm-shadow-panel: 0 14px 34px rgba(16, 44, 37, .055);
  --ctm-shadow-drawer: -24px 0 64px rgba(10, 31, 25, .22);
  --ctm-shadow-site-header: 0 4px 20px rgba(65, 52, 42, .04);
  --ctm-shadow-mobile-sheet: 0 -20px 54px rgba(10, 31, 25, .23);
  --ctm-shadow-accent-faint: 0 10px 24px rgba(211, 72, 43, .08);
}