/*
 * Render SkinCo — brand system for the Content Pipeline PWA.
 *
 * Mapped from the Render AOS first-pass brand kit (brand/visual-direction.md,
 * scraped from renderskinco.com 2026-07-04): black-and-white apothecary system —
 * white #FFFFFF · near black #121212 · soft gray #F3F3F3 · review teal #108474
 * (the only positive accent). Assistant carries body/UI (--sans); Poppins carries
 * headings (--serif slot). Square corners, thin borders, no shadows — warmth
 * comes from imagery, not color blocks.
 *
 * First-pass tokens, not designer-approved — retoken here when official brand
 * files land in the Render AOS.
 */
@font-face {
  font-family: "Assistant";
  src: url("/brand/fonts/assistant-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Assistant";
  src: url("/brand/fonts/assistant-400.woff2") format("woff2");
  font-weight: 500 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Assistant";
  src: url("/brand/fonts/assistant-700.woff2") format("woff2");
  font-weight: 700 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("/brand/fonts/poppins-200.woff2") format("woff2");
  font-weight: 200 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("/brand/fonts/poppins-400.woff2") format("woff2");
  font-weight: 400 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("/brand/fonts/poppins-600.woff2") format("woff2");
  font-weight: 600 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --char: #121212;
  --gold: #121212;
  --gold-d: #000000;
  --light: #f3f3f3;
  --warm: #ffffff;
  --line: #c9c9c9;
  --paper: #ffffff;
  --pos: #108474;
  --muted: #4c4c4c;
  --danger: #b4543f;
  --hairline: #e8e8e8;
  --serif: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --sans: "Assistant", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-family: var(--sans);
  --text-2: #4c4c4c;
  --tint-pos: #eef6f4;
  --tint-danger: #faf0ee;
  --topbar-bg: rgba(255, 255, 255, 0.94);
  --card-bg: #fff;
  --on-accent: #fff;
  --radius-1: 0;
  --radius-2: 0;
  --radius-3: 0;
  --radius-pill: 20px;
}