/* ============================================================================
   Smartguard — Registered Custom Properties
   Must be loaded before any stylesheet that uses or animates these values.
   @property registrations are global and order-independent in the cascade,
   but linking this first avoids any FOUC or parse-order edge cases.
   ============================================================================ */

/* ---------- Base temperature axes ----------
   Shared l/c/h/tran properties — animate these to cross-fade between
   any two temperature states without needing per-state keyframes.        */

@property --temperature-col-l {
  syntax: '<number>';
  inherits: true;
  initial-value: 0.55;
}

@property --temperature-col-c {
  syntax: '<number>';
  inherits: true;
  initial-value: 0.15;
}

@property --temperature-col-h {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

@property --temperature-col-tran {
  syntax: '<number>';
  inherits: true;
  initial-value: 1;
}

/* ---------- Root defaults ----------
   Sets the base axes to the brand hue (137) so any element outside a
   section — e.g. #site-footer — gets the correct starting colour.      */

:root {
  --temperature-col-l: 0.55;
  --temperature-col-c: 0.15;
  --temperature-col-h: 137;
  --temperature-col-tran: 1;
}