:root {
  /* Industrial amber palette — построена на цветах из логотипа */
  --color-bg: #f4f1ea;
  --color-bg-pure: #ffffff;
  --color-fg: #0c0c0c;
  --color-accent: #f5b800;
  --color-accent-deep: #e8a900;
  --color-accent-fg: #0c0c0c;
  --color-surface: #ffffff;
  --color-surface-alt: #ebe6d8;
  --color-border: #1a1a1a;
  --color-border-soft: #d8d2c2;
  --color-muted: #555555;
  --color-graphite: #2b2b2b;
  --color-danger: #c0392b;
  --color-header: #f4f1eaaa;

  /* Typography */
  --font-display: 'Rubik Mono One', 'Courier New', monospace;
  --font-body: 'Manrope', 'Helvetica Neue', 'PingFang SC', 'Microsoft YaHei', 'Noto Sans SC', sans-serif;
  --font-mono: 'JetBrains Mono', 'Courier New', monospace;

  /* Spacing scale */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --space-10: 8rem;

  /* Radii — почти никаких, индустриальная жёсткость */
  --radius-sm: 0;
  --radius-md: 2px;
  --radius-lg: 4px;

  /* Borders & shadows */
  --border-thin: 1px solid var(--color-border);
  --border-thick: 2px solid var(--color-border);
  --border-accent: 2px solid var(--color-accent);
  --shadow-flat: 4px 4px 0 var(--color-border);
  --shadow-flat-accent: 4px 4px 0 var(--color-accent);
  --shadow-flat-lg: 8px 8px 0 var(--color-border);
  --shadow-soft: 0 8px 24px rgba(12, 12, 12, 0.08);

  /* Motion */
  --transition-fast: 120ms cubic-bezier(0.2, 0, 0, 1);
  --transition: 200ms cubic-bezier(0.2, 0, 0, 1);
  --transition-slow: 400ms cubic-bezier(0.2, 0, 0, 1);

  /* Layout */
  --container: 1320px;
  --header-h: 72px;
}

[data-theme="dark"] {
  --color-bg: #0c0c0c;
  --color-bg-pure: #000000;
  --color-fg: #f4f1ea;
  --color-accent: #f5b800;
  --color-accent-deep: #ffc924;
  --color-accent-fg: #0c0c0c;
  --color-surface: #161616;
  --color-surface-alt: #1f1f1f;
  --color-border: #f5b800;
  --color-border-soft: #2a2a2a;
  --color-muted: #a0a0a0;
  --color-graphite: #4a4a4a;
  --shadow-flat: 4px 4px 0 var(--color-accent);
  --shadow-flat-accent: 4px 4px 0 var(--color-fg);
  --shadow-flat-lg: 8px 8px 0 var(--color-accent);
  --shadow-soft: 0 8px 24px rgba(245, 184, 0, 0.12);
  --color-header: #4a4a4aaa;
}