/* ── Dingsheng Industrial Design Tokens ─────────────────────── */
/* Shared baseline; each variant can override */

:root {
  /* Industrial neutrals */
  --ink: #0e0e0e;             /* near-black */
  --ink-2: #1a1a1a;
  --steel-900: #1f2329;
  --steel-700: #3a4049;
  --steel-500: #6b7280;
  --steel-300: #c2c5c8;
  --steel-100: #e6e3dd;
  --paper: #f4f1ea;           /* off-white paper */
  --paper-2: #ebe6dc;
  --line: #2a2a2a;

  /* Accents */
  --safety: #ff5a1f;          /* safety orange */
  --safety-dim: #d9491a;
  --hazard: #f5c518;          /* hazard yellow */
  --steel-blue: #2a4a6b;      /* deep technical blue */
  --rust: #8a3a1a;

  /* Type stacks */
  --f-display: "Archivo", "Archivo Narrow", system-ui, sans-serif;
  --f-sans: "DM Sans", "IBM Plex Sans", system-ui, sans-serif;
  --f-mono: "JetBrains Mono", "IBM Plex Mono", "SF Mono", ui-monospace, monospace;
  --f-condensed: "Barlow Condensed", "Archivo Narrow", "Oswald", sans-serif;
  --f-serif: "DM Serif Display", "Playfair Display", Georgia, serif;
}

/* Reset-ish */
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body { font-family: var(--f-sans); color: var(--ink); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button { font: inherit; cursor: pointer; }

/* Utility classes */
.mono { font-family: var(--f-mono); }
.condensed { font-family: var(--f-condensed); }
.eyebrow { font-family: var(--f-mono); font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; }
.tabular { font-variant-numeric: tabular-nums; }

/* Industrial section markers */
.tag { display: inline-flex; align-items: center; gap: 6px; font-family: var(--f-mono); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; }
.tag::before { content: ""; width: 6px; height: 6px; background: currentColor; }

.tick::before { content: "—"; margin-right: .5em; opacity: .5; }

/* Image asset URLs (for reference; used inline as needed):
 * HERO_A   https://plastic-dingsheng.com/wp-content/uploads/2024/03/0307_副本-1-1024x686.jpg
 * HERO_B   https://plastic-dingsheng.com/wp-content/uploads/2024/01/IMG_20240103_094943-1024x523.jpg
 * SIL_WS   https://plastic-dingsheng.com/wp-content/uploads/2024/01/41-4.jpg
 * PL_WS    https://plastic-dingsheng.com/wp-content/uploads/2024/01/IMG_20240103_1009521-4-1024x575.jpg
 * SIL_PR   https://plastic-dingsheng.com/wp-content/uploads/2024/01/一楼油压车间-1-7.jpg
 * PL_PR    https://plastic-dingsheng.com/wp-content/uploads/2024/01/IMG_2024_01_19_135802664-4-1024x576.jpg
 * MIX      https://plastic-dingsheng.com/wp-content/uploads/2024/01/一楼炼胶房-2-3.jpg
 * PRINT    https://plastic-dingsheng.com/wp-content/uploads/2024/01/二楼印刷部-2-4.jpg
 * ISO      https://plastic-dingsheng.com/wp-content/uploads/2024/01/ISO-英文_副本23-1024x881.jpg
 */