/* Mefiss Textile — design tokens.
 * Palette and rules follow DESIGN.md: Mefiss Red #BD0826 (accent only, no red
 * footer or full-screen red), brand grey #9C9D9F, dark-grey text (#232323, never
 * pure black), dark-grey footer, 1280-1440px content width, small radii, shadows
 * only on menus and hover.
 * Type scale, section rhythm and the card recipe follow the visual system in
 * preview网站效果.html (lines 8-20 and 33-156).
 */
:root{
  /* Type */
  --font-body:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  /* Ground */
  --color-surface:#ffffff;
  --color-soft:#f5f5f4;
  --color-soft-deep:#efefed;
  --color-line:#e5e6e7;
  --color-line-strong:#cfd0d1;
  /* Text */
  --color-ink:#232323;
  --color-ink-deep:#1f1f1f;
  --color-lede:#505255;
  --color-muted:#6f7174;
  --color-grey:#9c9d9f;
  /* Brand */
  --color-brand:#bd0826;
  --color-brand-deep:#8f061d;
  --color-brand-tint:#ffb6c1;
  /* Status */
  --color-green:#2f7d5c;
  --color-green-soft:#edf5f0;
  --color-amber:#a36b14;
  --color-amber-soft:#f8f1e8;
  /* Dark blocks (footer, manufacturing band) */
  --color-dark:#2b2b2b;
  --color-dark-panel:#272727;
  --color-dark-line:#4a4a4a;
  --color-dark-text:#c9c9c9;
  /* Focus */
  --color-focus:#b55718;
  /* Shape */
  --radius-media:2px;
  --radius-card:10px;
  --radius-control:8px;
  /* Layout */
  --width-site:1380px;
  --space-section:96px;
  --space-section-sm:66px;
  --gap-1:8px;
  --gap-2:16px;
  --gap-3:24px;
  --gap-4:40px;
  --gap-5:64px;
  --shadow-panel:0 8px 24px rgba(0,0,0,.08);
}