:root {
  /* Industrial Aesthetic Palette */
  --c-base: #111111; /* Almost black */
  --c-surface: #f4f4f0; /* Off-white, paper-like */
  --c-surface-alt: #e9e9e2;
  --c-primary: #1e3f20; /* Deep industrial green */
  --c-accent: #c44536; /* Rusty accent red */

  --c-text: #111111;
  --c-text-muted: #555555;
  --c-text-inverse: #ffffff;

  --c-border: #cccccc;

  /* Typography */
  /* Display font: A serif or strong sans, not Inter/Roboto. We'll use a system font stack geared towards editorial/industrial feel */
  --f-display: "Georgia", "Times New Roman", serif;
  --f-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;

  /* Spacing */
  --s-1: 0.25rem;
  --s-2: 0.5rem;
  --s-3: 1rem;
  --s-4: 1.5rem;
  --s-5: 2rem;
  --s-6: 3rem;
  --s-8: 4rem;
  --s-10: 6rem;

  /* Typography Scale */
  --t-xs: 0.875rem;
  --t-sm: 1rem;
  --t-base: 1.125rem;
  --t-md: 1.5rem;
  --t-lg: 2rem;
  --t-xl: 3rem;
  --t-xxl: 4.5rem;

  /* Radii - Keeping it sharp for industrial feel */
  --r-none: 0;
  --r-sm: 2px;
}