/* GENERATED by scripts/themeify.py — do not edit by hand.
   Material-3 copper palette as CSS variables for day/night. */

html.dark, :root {
  --background: 19 19 19;
  --on-background: 229 226 225;
  --surface: 19 19 19;
  --surface-dim: 19 19 19;
  --surface-bright: 58 57 57;
  --surface-container-lowest: 14 14 14;
  --surface-container-low: 28 27 27;
  --surface-container: 32 31 31;
  --surface-container-high: 42 42 42;
  --surface-container-highest: 53 53 52;
  --surface-variant: 53 53 52;
  --on-surface: 229 226 225;
  --on-surface-variant: 219 194 176;
  --surface-tint: 255 183 125;
  --primary: 255 183 125;
  --on-primary: 77 38 0;
  --primary-container: 217 119 7;
  --on-primary-container: 67 33 0;
  --inverse-primary: 144 77 0;
  --secondary: 255 182 142;
  --on-secondary: 83 34 0;
  --secondary-container: 171 76 0;
  --on-secondary-container: 255 226 213;
  --tertiary: 220 198 110;
  --on-tertiary: 58 48 0;
  --tertiary-container: 191 171 86;
  --on-tertiary-container: 75 63 0;
  --error: 255 180 171;
  --on-error: 105 0 5;
  --error-container: 147 0 10;
  --on-error-container: 255 218 214;
  --outline: 163 140 124;
  --outline-variant: 85 67 54;
  --inverse-surface: 229 226 225;
  --inverse-on-surface: 49 48 48;
  --primary-fixed: 255 220 195;
  --primary-fixed-dim: 255 183 125;
  --on-primary-fixed: 47 21 0;
  --on-primary-fixed-variant: 110 57 0;
  --secondary-fixed: 255 219 202;
  --secondary-fixed-dim: 255 182 142;
  --on-secondary-fixed: 51 18 0;
  --on-secondary-fixed-variant: 118 51 0;
  --tertiary-fixed: 249 226 135;
  --tertiary-fixed-dim: 220 198 110;
  --on-tertiary-fixed: 34 27 0;
  --on-tertiary-fixed-variant: 83 70 0;
}

html.light {
  --background: 255 248 245;
  --on-background: 34 26 21;
  --surface: 255 248 245;
  --surface-dim: 232 215 205;
  --surface-bright: 255 248 245;
  --surface-container-lowest: 255 255 255;
  --surface-container-low: 255 241 232;
  --surface-container: 252 234 224;
  --surface-container-high: 246 229 218;
  --surface-container-highest: 240 223 213;
  --surface-variant: 244 222 208;
  --on-surface: 34 26 21;
  --on-surface-variant: 82 68 58;
  --surface-tint: 144 77 0;
  --primary: 144 77 0;
  --on-primary: 255 255 255;
  --primary-container: 255 220 195;
  --on-primary-container: 46 21 0;
  --inverse-primary: 255 183 125;
  --secondary: 118 88 69;
  --on-secondary: 255 255 255;
  --secondary-container: 255 219 200;
  --on-secondary-container: 43 23 9;
  --tertiary: 95 97 53;
  --on-tertiary: 255 255 255;
  --tertiary-container: 229 230 174;
  --on-tertiary-container: 28 29 0;
  --error: 186 26 26;
  --on-error: 255 255 255;
  --error-container: 255 218 214;
  --on-error-container: 65 0 2;
  --outline: 132 116 106;
  --outline-variant: 215 195 182;
  --inverse-surface: 56 47 42;
  --inverse-on-surface: 255 237 226;
  --primary-fixed: 255 220 195;
  --primary-fixed-dim: 255 183 125;
  --on-primary-fixed: 47 21 0;
  --on-primary-fixed-variant: 110 57 0;
  --secondary-fixed: 255 219 202;
  --secondary-fixed-dim: 255 182 142;
  --on-secondary-fixed: 51 18 0;
  --on-secondary-fixed-variant: 118 51 0;
  --tertiary-fixed: 249 226 135;
  --tertiary-fixed-dim: 220 198 110;
  --on-tertiary-fixed: 34 27 0;
  --on-tertiary-fixed-variant: 83 70 0;
}

/* ---- Day / night ergonomics ------------------------------------------- */
html { color-scheme: dark; }
html.light { color-scheme: light; }
html, body { transition: background-color .35s ease, color .35s ease; }

/* In daylight the Stitch "milled-edge"/white hairlines vanish on a light
   surface, so swap them for soft dark hairlines and lift the copper glow. */
html.light .milled-edge {
  border-top: 1px solid rgba(0, 0, 0, .08);
  border-left: 1px solid rgba(0, 0, 0, .04);
}
html.light .border-white\/10 { border-color: rgba(0, 0, 0, .10) !important; }
html.light .border-white\/5  { border-color: rgba(0, 0, 0, .06) !important; }
html.light .border-white\/20 { border-color: rgba(0, 0, 0, .14) !important; }
html.light .shadow-2xl,
html.light .shadow-\[0_20px_50px_rgba\(0\,0\,0\,0\.5\)\] {
  box-shadow: 0 18px 40px rgba(60, 30, 0, .12) !important;
}
html.light .copper-glow { filter: drop-shadow(0 0 10px rgba(217, 119, 6, .28)); }

/* Floating theme toggle (injected on every page by tortillap.js) */
.tp-theme-toggle {
  position: fixed; right: 16px; bottom: 112px; z-index: 56;
  height: 48px; width: 48px; display: grid; place-items: center;
  border-radius: 9999px; cursor: pointer;
  background: rgb(var(--surface-container) / .92);
  color: rgb(var(--primary));
  border: 1px solid rgb(var(--outline-variant) / .6);
  box-shadow: 0 10px 30px rgba(0, 0, 0, .35);
  backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
  transition: transform .2s ease, background .35s ease;
}
.tp-theme-toggle:active { transform: scale(.9); }
.tp-theme-toggle .material-symbols-outlined { font-size: 24px; }
@media (min-width: 768px) { .tp-theme-toggle { bottom: 24px; } }

/* Shared form niceties used by the new auth/registro/admin screens */
.tp-field {
  width: 100%; border-radius: 12px; padding: 14px 16px;
  background: rgb(var(--surface-container-low));
  color: rgb(var(--on-surface));
  border: 1px solid rgb(var(--outline-variant) / .7);
  font-family: Inter, sans-serif; font-size: 16px; outline: none;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.tp-field::placeholder { color: rgb(var(--on-surface-variant) / .7); }
.tp-field:focus {
  border-color: rgb(var(--primary));
  box-shadow: 0 0 0 4px rgb(var(--primary) / .15);
}
.tp-label {
  display: block; margin-bottom: 8px;
  font-family: Inter, sans-serif; font-weight: 600; font-size: 12px;
  letter-spacing: .08em; text-transform: uppercase;
  color: rgb(var(--on-surface-variant));
}
@media (prefers-reduced-motion: reduce) {
  html, body, .tp-theme-toggle { transition: none !important; }
}