:root {
  --color-brand: #123044;
  --color-brand-dark: #0B2231;
  --color-ink: #17252E;
  --color-text-secondary: #53616A;
  --color-accent: #C94B1B;
  --color-natural: #9A7448;
  --color-success: #35725A;
  --color-warning: #C58B22;

  --color-background: #F7F8F6;
  --color-surface: #FFFFFF;
  --color-surface-muted: #EEF2F3;
  --color-surface-dark: #102A3A;
  --color-border: #D9E0E3;
  --color-border-dark: rgba(255, 255, 255, 0.16);

  /* Product Categories */
  --color-cat-utility: #3E7194;
  --color-cat-clothesline: #477A7C;
  --color-cat-natural: #9A7448;
  --color-cat-safety: #C94B1B;
  --color-cat-marine: #245D73;
  --color-cat-agri: #657A52;
  --color-cat-industrial: #59656D;

  /* Typography */
  --font-family-base: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-family-mono: "IBM Plex Mono", Consolas, "Courier New", monospace;

  /* Radii */
  --radius-small: 4px;
  --radius-medium: 6px;

  /* Spacing */
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 48px;
  --space-6: 64px;
  --space-7: 96px;

  /* Layout */
  --content-width: 1280px;
  --transition-fast: 180ms ease;
}