/* ============================================================
   brands/cairn.css — Cairn Cookies brand token overrides
   Loaded after app.css; :root overrides win via cascade order.
   Only redefines tokens that differ from system defaults.

   Source palette: cairncookies.com
     --primary-color: #558cc4 (cornflower blue)
     --secondary-color: #cddcf8 (light periwinkle)
   Body font: Courier Prime (Google Fonts typewriter)
   Display font: Machiarge (custom OTF — referenced as fallback serif)

   OG image PNGs (OgImagesHelper::PALETTES["cairn"]) should stay aligned
   with the same semantic tokens below; OG uses system fonts only, not --font.
   ============================================================ */

@import url("https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400&display=swap");

:root {
  /* Cornflower-blue-tinted surfaces */
  --bg:        hsl(215 60% 97%);
  --bg-subtle: hsl(215 55% 92%);
  --surface:   hsl(215 70% 99%);

  /* Blue-shifted neutral palette anchored on #558cc4 */
  --n-50:  #f3f6fc;
  --n-100: #dde8f5;
  --n-150: #c5d8ef;
  --n-200: #cddcf8;
  --n-300: #89acdb;
  --n-400: #6b97ce;
  --n-500: #558cc4;
  --n-600: #366fa0;
  --n-700: #264f73;
  --n-800: #16304a;
  --n-900: #0c1c2c;

  /* Borders tuned to cornflower palette */
  --border:        #558cc4;
  --border-subtle: #89acdb;

  /* Text — dark blue base for high contrast */
  --text:       #0c1c2c;
  --text-muted: #264f73;
  --text-faint: #366fa0;

  /* Cornflower links; visited shifts to a complementary dusty violet */
  --link:         hsl(215 55% 37%);
  --link-visited: hsl(270 32% 42%);

  /* Courier Prime — typewriter warmth matching the cottage-bakery aesthetic */
  --font: "Courier Prime", "Courier New", Courier, monospace;
}