/* =========================================================
   Commonplace Design System — Colors & Typography
   Relic Creative Studio, April 2026

   Lifted from colors_and_type.css in the design handoff. The
   only change: the three faces are self-hosted woff2 rather
   than TTF/OTF + a Google Fonts @import, so the form carries
   no third-party request and no render-blocking round trip.
   ========================================================= */

@font-face{
  font-family:'Bookmania';
  src:url('fonts/bookmania-light.woff2') format('woff2');
  font-weight:300; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'DM Sans';
  src:url('fonts/dm-sans.woff2') format('woff2');
  font-weight:100 1000; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'JetBrains Mono';
  src:url('fonts/jetbrains-mono.woff2') format('woff2');
  font-weight:100 800; font-style:normal; font-display:swap;
}

:root{
  /* Greens */
  --color-radiant:    #DADCB8;
  --color-olive:      #A6A87A;
  --color-mint:       #E2EDE2;
  --color-evergreen:  #3B4943;

  /* Blues / Purples */
  --color-steel-navy: #495678;
  --color-perry:      #D3DBEE;
  --color-dusk:       #9DA0C6;
  --color-mauve:      #986881;

  /* Warm Neutrals */
  --color-cream:      #F4EFEC;
  --color-latte:      #DBD3C6;
  --color-espresso:   #3A281E;
  --color-black:      #010101;
  --color-white:      #FCFCFC;

  /* Accent / CTA */
  --color-ruby:       #A54751;
  --color-cta-hover:  #8E3A43;

  --font-sans:  'DM Sans', system-ui, sans-serif;
  --font-serif: 'Bookmania', Georgia, serif;
  --font-mono:  'JetBrains Mono', ui-monospace, 'Courier New', monospace;

  --radius-md:   8px;
  --radius-pill: 999px;
  --transition-base: 0.25s ease;
  --shadow-md: 0 2px 12px rgba(58,40,30,0.10);
}