/* Zilicon theme — token override layer, loaded AFTER the Industry industry.css.
   Light technical ground (the system's own paper), the logo RED as the single
   accent, and the logo BLACK reserved for two drawn bands: masthead and footer.
   Ramps follow the system's light ordering (100 lightest … 900 darkest). */
:root {
  --color-bg: #f2f2f3;
  --color-surface: #e9e9ea;
  --color-text: #1d1f20;
  --color-accent: #d9402f;
  --color-accent-2: #d9402f;
  --color-divider: color-mix(in srgb, #1d1f20 16%, transparent);

  --color-neutral-100: #f5f5f8;
  --color-neutral-200: #e7e7ea;
  --color-neutral-300: #d4d4d7;
  --color-neutral-400: #b7b7ba;
  --color-neutral-500: #98989b;
  --color-neutral-600: #7a7a7d;
  --color-neutral-700: #5d5d60;
  --color-neutral-800: #424244;
  --color-neutral-900: #2b2b2d;

  --color-accent-100: #fdeeec;
  --color-accent-200: #fad7d3;
  --color-accent-300: #f4b3ac;
  --color-accent-400: #e88378;
  --color-accent-500: #d9402f;
  --color-accent-600: #b93524;
  --color-accent-700: #93291c;
  --color-accent-800: #661c13;
  --color-accent-900: #40110b;

  --color-accent-2-100: #fdeeec;
  --color-accent-2-200: #fad7d3;
  --color-accent-2-300: #f4b3ac;
  --color-accent-2-400: #e88378;
  --color-accent-2-500: #d9402f;
  --color-accent-2-600: #b93524;
  --color-accent-2-700: #93291c;
  --color-accent-2-800: #661c13;
  --color-accent-2-900: #40110b;

  --shadow-sm: 0 1px 2px color-mix(in srgb, #2b2b2d 14%, transparent);
  --shadow-md: 0 3px 10px color-mix(in srgb, #2b2b2d 16%, transparent);
  --shadow-lg: 0 12px 32px color-mix(in srgb, #2b2b2d 22%, transparent);
}
/* Solid red primary keeps light type */
.btn-primary { color: #fff; }
/* The logo's black as a drawn band: the masthead. Links reverse to paper. */
.nav { background: #131315; color: #ececee; }
.nav a:hover, .nav a[aria-current='page'] { color: var(--color-accent-400); }
/* Sticky footer: pinned to the viewport bottom, as slim as its one line */
footer { position: sticky; bottom: 0; z-index: 40; }