/* Filtering brand tokens. Every colour, type and shape decision lives here.
   Swap-points for designers: --wash-image (watercolour), logo files in assets/brand/, fonts in assets/fonts/. */
@font-face{font-family:'Jost';font-weight:300;font-style:normal;font-display:swap;src:url('../assets/fonts/jost-latin-300-normal.woff2') format('woff2')}
@font-face{font-family:'Jost';font-weight:400;font-style:normal;font-display:swap;src:url('../assets/fonts/jost-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'Jost';font-weight:500;font-style:normal;font-display:swap;src:url('../assets/fonts/jost-latin-500-normal.woff2') format('woff2')}
@font-face{font-family:'EB Garamond';font-weight:400;font-style:italic;font-display:swap;src:url('../assets/fonts/eb-garamond-latin-400-italic.woff2') format('woff2')}

:root{
  --paper:#FAF9F6; --white:#FFFFFF; --ink:#04201D; --teal:#0A5B5E; --aqua:#45DCD6;
  --hairline:#E7E6E2; --mat:#F3F2EF; --muted:#55615F; --terracotta:#B4532F;

  --gradient:linear-gradient(210deg,#0E6E71 0%,#0A5B5E 22%,#064144 45%,#042E30 72%,#022527 100%);
  /* Watercolour slot: set to url('../assets/brand/wash.jpg') when the image arrives. Pages never change. */
  --wash-image:linear-gradient(100deg,rgba(2,37,39,.10) 0%,rgba(2,37,39,.35) 55%,rgba(2,37,39,.55) 100%),url('../assets/brand/wash.jpg');

  /* process colours (map dots, bag stripes) */
  --p-washed:#E4F7F5; --p-natural:#F0A07C; --p-honey:#F0CF7A; --p-experimental:#C2B0EE;

  --font-sans:'Jost','Avenir Next',Avenir,'Helvetica Neue',sans-serif;
  --font-serif:'EB Garamond',Georgia,serif;
  --r-control:6px; --r-card:18px; --r-plate:6px;
  --wrap:1180px;

  /* ChatGPT token names kept as aliases so future exports can slot in */
  --filtering-teal:var(--teal); --filtering-teal-deep:#042E30; --filtering-ink:var(--ink);
  --filtering-white:var(--white); --filtering-off-white:var(--paper);
  --filtering-gradient:var(--gradient); --filtering-font:var(--font-sans);
}
.gradient-panel{background-image:var(--wash-image),var(--gradient);background-size:cover;background-position:center;background-color:#042E30}