/* Crimson & cream retheme of the Industry tokens — load AFTER styles.css.
   Accent = IU-style crimson #990000 on a warm cream ground. */
:root {
  --color-bg: #f9f5ec;
  --color-surface: #f1ebdd;
  --color-text: #241f1b;
  --color-accent: #990000;
  --color-accent-2: #990000;
  --color-divider: color-mix(in srgb, #241f1b 18%, transparent);

  --color-neutral-100: #faf7f0;
  --color-neutral-200: #f0ebe0;
  --color-neutral-300: #ded8cb;
  --color-neutral-400: #c1bab0;
  --color-neutral-500: #a19a90;
  --color-neutral-600: #807a72;
  --color-neutral-700: #615c55;
  --color-neutral-800: #453f3a;
  --color-neutral-900: #2c2723;

  --color-accent-100: #fbeeea;
  --color-accent-200: #f6d9d1;
  --color-accent-300: #eeb6a9;
  --color-accent-400: #de8574;
  --color-accent-500: #c24e3d;
  --color-accent-600: #830505;
  --color-accent-700: #6b0407;
  --color-accent-800: #4d0a09;
  --color-accent-900: #330d0b;

  --color-accent-2-100: #fbeeea;
  --color-accent-2-200: #f6d9d1;
  --color-accent-2-300: #eeb6a9;
  --color-accent-2-400: #de8574;
  --color-accent-2-500: #c24e3d;
  --color-accent-2-600: #830505;
  --color-accent-2-700: #6b0407;
  --color-accent-2-800: #4d0a09;
  --color-accent-2-900: #330d0b;

  --shadow-sm: 0 1px 2px color-mix(in srgb, #2c2723 14%, transparent);
  --shadow-md: 0 3px 10px color-mix(in srgb, #2c2723 16%, transparent);
  --shadow-lg: 0 12px 32px color-mix(in srgb, #2c2723 22%, transparent);
}
a:hover { color: var(--color-accent-700); }

/* Responsive layout helpers (media queries cannot be inline) */
@media (max-width: 920px) {
  .rz-split, .rz-2 { grid-template-columns: 1fr !important; }
  .rz-3 { grid-template-columns: repeat(2, 1fr) !important; }
  .rz-stats { grid-template-columns: repeat(2, 1fr) !important; row-gap: 28px !important; justify-content: stretch !important; }
  .rz-footer { grid-template-columns: 1fr 1fr !important; }
  .rz-sticky { position: static !important; }
  .nav { flex-wrap: wrap; row-gap: 10px; }
}
@media (max-width: 620px) {
  .rz-3, .rz-stats, .rz-footer, .rz-2col, .rz-form { grid-template-columns: 1fr !important; }
  .table { display: block; overflow-x: auto; }
}