/*
  MyChinaTrip visual system v1 — site standard for the V1 front-end rebuild
  Status: accepted direction (Founder, 2026-09-28, D-096). Canonical visual reference:
  claude.ai/artifact/LPWGsP8tjYEmNad1yvdkHe (boards "Visual system v1" parts 1–2, Home).
  Additive to tokens.css: production social/print templates keep tokens.css;
  the product site (landing + mct-web-shell) uses these.
*/
:root {
  /* colour roles */
  --mct-paper: #F6F4EE;      /* page ground */
  --mct-surface: #FFFFFF;    /* cards, hero, alternating sections */
  --mct-sunken: #EFECE3;     /* fields, segmented controls, search */
  --mct-line: #E6E2D8;       /* 1px dividers and card borders */
  --mct-line-strong: #D6D1C4;/* control borders */
  --mct-ink: #141414;        /* type; show cards; strong outlines */
  --mct-ink-2: #3A3833;      /* body */
  --mct-ink-3: #6B675E;      /* meta, labels */
  --mct-signal: #FFCC00;     /* the one primary action per view */
  --mct-signal-soft: #FFF3C4;/* callouts, Watch, continuation panel */
  --mct-signal-halo: #FFE680;/* ask-box focus halo only */
  --mct-signal-text: #8A6400;/* yellow-family text on light */
  --mct-protect: #B8261F;  --mct-protect-bg: #FBEDEC;
  --mct-improve: #1F5591;  --mct-improve-bg: #EAF0F8;
  --mct-discover: #1B7447; --mct-discover-bg: #E8F3EC;
  --mct-live: #1F8A52;     /* verified / live dots */

  /* type */
  --mct-font-display: "Archivo Narrow", "Arial Narrow", sans-serif; /* 700, sentence case, headings only */
  --mct-font-body: "Space Grotesk", system-ui, sans-serif;
  --mct-font-meta: "Space Mono", ui-monospace, monospace;             /* 10–11px uppercase +0.08em */
  --mct-font-show: "Noto Serif SC", "Songti SC", serif;              /* 900, show cards only */
  --mct-d1: 80px; --mct-d1-phone: 46px;   /* hero */
  --mct-d2: 48px; --mct-d2-phone: 34px;   /* section title */
  --mct-title: 20px; --mct-body: 16px; --mct-small: 14px; --mct-meta: 11px;

  /* space, shape, depth */
  --mct-section-y: 96px; --mct-section-y-phone: 48px;
  --mct-gutter: 64px; --mct-gutter-phone: 16px; --mct-container: 1312px;
  --mct-head-gap: 32px; --mct-grid-gap: 20px; --mct-card-pad: 24px;
  --mct-r-control: 10px; --mct-r-card: 16px; --mct-r-panel: 24px;
  --mct-shadow-float: 0 12px 32px rgba(20, 20, 20, 0.10);
  --mct-shadow-signature: 6px 6px 0 #141414; /* ask box, held-up show card only */
  --mct-highlight: linear-gradient(transparent 60%, #FFCC00 60%); /* once per page, in a heading */
  --mct-focus: 3px solid #141414; --mct-focus-offset: 2px;
  --mct-motion-state: 200ms ease-out; --mct-motion-sheet: 320ms ease-out;
}