/* THE DESIGN TOKENS — one home for every colour, radius and font in the product.

   They were inside site.css, which the PUBLIC site loads and the Django admin deliberately does
   not (site.css's resets fight Django's own). So when the console chrome moved into its own file
   to be shared by both (RFP C-2), it rendered unstyled in the admin: every `var(--green-900)` it
   asked for resolved to nothing, and the header came out white-on-white.

   Splitting them out is the fix that closes the class rather than the instance — any future
   shared component can be linked into either half of the app and still have a palette. Loaded by
   base.html, console_base.html and admin/base_site.html, always BEFORE the stylesheet that uses
   it. */

:root {
  /* Greens (forest → meadow) */
  --green-900: #16301f;
  --green-800: #1d4029;
  --green-700: #2c6244;
  --green-600: #377854;
  --green-500: #4a9d6b;
  --green-100: #e4f0e8;
  /* Warm sand neutrals */
  --sand-50:  #faf7f1;
  --sand-100: #f3ecdf;
  --sand-200: #e9dfcc;
  --sand-300: #dccbb0;
  /* Lake blue accent + warm sun */
  --lake:  #2f7f9e;
  --lake-600: #266b86;
  --sun:   #e2a24a;
  /* Ink & muted */
  --ink:   #26261f;
  --muted: #626a5a;
  --white: #ffffff;

  --radius: 16px;
  --radius-lg: 26px;
  --shadow-sm: 0 2px 10px rgba(22,48,31,.06);
  --shadow-md: 0 10px 30px rgba(22,48,31,.10);
  --shadow-lg: 0 24px 60px rgba(22,48,31,.16);
  --maxw: 1140px;
  --ease: cubic-bezier(.22,.61,.36,1);

  --font-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
}