/* Theme: Cool Studio — oversized type is the anchor. Design, tech-adjacent, product-focused.
   Token swap only (see docs/DESIGN.md). Components in base.css read nothing but these properties. */
@font-face { font-family: "Manrope"; font-style: normal; font-weight: 300; font-display: swap; src: url("/fonts/manrope-300.woff2") format("woff2"); }
@font-face { font-family: "Manrope"; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/manrope-400.woff2") format("woff2"); }

@font-face { font-family: "Manrope"; font-style: normal; font-weight: 600; font-display: swap; src: url("/fonts/manrope-600.woff2") format("woff2"); } /* store name only */

:root[data-theme="studio"] {
  --font-display: "Manrope", sans-serif;
  --font-body: "Manrope", sans-serif;
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-brand: 600;  /* store name in the header only */

  --bg: #F6F7F8;
  --surface: #FFFFFF;
  --surface-alt: #E9ECEF;
  --text: #1F2328;
  --text-secondary: #5B626B;
  --text-muted: #8C939C;
  --border: #E2E5E9;
  --border-strong: #2F4A6B;  /* selected variant uses accent */
  --accent: #2F4A6B;         /* slate blue */
  --on-accent: #FFFFFF;

  --radius: 4px;
  --heading-size: 46px;
  --heading-tracking: -0.02em;
  --price-size: 18px;
}