/* Design tokens — matched to jccattleco.ca. Restyle the whole site from this file. */
:root, :root[data-theme="light"] {
  color-scheme: light;
  --ink: #1D1B1A;
  --brown: #483D31;
  --brown-dark: #393027;
  --cream: #F4EDDB;
  --cream-deep: #EEE3C7;
  --muted: #766E65;
  --muted-on-cream: #6B635A; /* AA-contrast variant for small muted text on cream */
  --rule: #D6CFC0;
  --paper: #FFFFFF;
  --header-bg: rgba(255, 255, 255, .95);
  --scrim: rgba(29, 27, 26, .4);
  --edge-paper: rgba(255, 255, 255, .9);
  --edge-shade: rgba(29, 27, 26, .22);
  --edge-soft: rgba(29, 27, 26, .06);
  --shadow: 0 10px 30px rgba(29, 27, 26, .18);
  --shadow-up: 0 -10px 30px rgba(29, 27, 26, .12);

  /* cow diagram */
  --cow-body: #1D1B1A;
  --cow-outline: #1D1B1A; /* silhouette edge: must stand out from --paper */
  --cow-line: #F4EDDB;  /* interior lines (face, ears, leg and cut-badge details) */
  --cut-line: rgba(244, 237, 219, .5);
  --cut-hot-fill: #F4EDDB;
  --cut-hot-line: #483D31;
  --label-fill: #FFFFFF;
  --label-halo: #1D1B1A;

  --font-head: "Playfair Display", "Playfair Display Local", Georgia, "Times New Roman", serif;
  --font-body: Montserrat, "Montserrat Local", "Segoe UI", system-ui, -apple-system, sans-serif;

  --gutter: 16px;
  --maxw: 1120px;
  --radius: 4px;
  --ease: cubic-bezier(.2, .7, .2, 1);
  --speckle-h: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='6'%3E%3Cg fill='%231D1B1A'%3E%3Ccircle cx='3' cy='2' r='1.2'/%3E%3Ccircle cx='14' cy='4' r='.9'/%3E%3Ccircle cx='23' cy='1.6' r='1.4'/%3E%3Ccircle cx='33' cy='3.6' r='1'/%3E%3C/g%3E%3C/svg%3E");
  --speckle-v: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='40'%3E%3Cg fill='%231D1B1A'%3E%3Ccircle cx='2' cy='3' r='1.2'/%3E%3Ccircle cx='4' cy='14' r='.9'/%3E%3Ccircle cx='1.6' cy='23' r='1.4'/%3E%3Ccircle cx='3.6' cy='33' r='1'/%3E%3C/g%3E%3C/svg%3E");
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --paper: #1D1B1A;
  --ink: #F4EDDB;
  --cream: #2A2623;
  --cream-deep: #332D29;
  --rule: #3A332D;
  --muted: #B5AC9E;
  --muted-on-cream: #B5AC9E;
  --brown: #C9B89A;
  --brown-dark: #E2D5BC;
  --header-bg: rgba(29, 27, 26, .95);
  --scrim: rgba(0, 0, 0, .6);
  --edge-paper: rgba(29, 27, 26, .9);
  --edge-shade: rgba(0, 0, 0, .45);
  --edge-soft: rgba(0, 0, 0, .15);
  --shadow: 0 10px 30px rgba(0, 0, 0, .5);
  --shadow-up: 0 -10px 30px rgba(0, 0, 0, .4);

  --cow-body: #24201E;
  --cow-outline: #F4EDDB;
  --cow-line: #F4EDDB;
  --cut-line: rgba(244, 237, 219, .45);
  --cut-hot-fill: #F4EDDB;
  --cut-hot-line: #C9B89A;
  --label-fill: #F4EDDB;
  --label-halo: #1D1B1A;
  --speckle-h: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='6'%3E%3Cg fill='%23F4EDDB' fill-opacity='.4'%3E%3Ccircle cx='3' cy='2' r='1.2'/%3E%3Ccircle cx='14' cy='4' r='.9'/%3E%3Ccircle cx='23' cy='1.6' r='1.4'/%3E%3Ccircle cx='33' cy='3.6' r='1'/%3E%3C/g%3E%3C/svg%3E");
  --speckle-v: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='40'%3E%3Cg fill='%23F4EDDB' fill-opacity='.4'%3E%3Ccircle cx='2' cy='3' r='1.2'/%3E%3Ccircle cx='4' cy='14' r='.9'/%3E%3Ccircle cx='1.6' cy='23' r='1.4'/%3E%3Ccircle cx='3.6' cy='33' r='1'/%3E%3C/g%3E%3C/svg%3E");
}