/* Room Twenty Two design tokens — adapted from Room_Twenty_Two_Design_Tokens.css v1.1 (2026-10-30)
   SOURCE-APPROVED: palette values and typography roles. PROPOSED: sizes, geometry, motion.
   Aeonik Pro WOFF2 files: assets/fonts/ (copied from the "R22 Brand Fonts" artifact; SHA-256 verified).
   Manrope: not supplied as a file. It is used if installed locally; otherwise the system fallback
   applies. Drop Manrope-Regular.woff2 into assets/fonts/ and uncomment the url() line to self-host. */
:root {
  --r22-black: #000000;
  --r22-orange: #FE5918;
  --r22-white: #F4F3EF;
  --r22-soft-grey: #B7B7B7;
  --r22-neutral-grey: #767676;
  --r22-graphite: #1A1A1A;
  --r22-font-heading: "R22 Aeonik Pro", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --r22-font-body: "R22 Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --r22-radius-control: .75rem;
  --r22-radius-card: 1rem;
  --r22-radius-pill: 999px;
  --r22-duration: 160ms;
  --r22-ease: cubic-bezier(.33,1,.68,1);
}
@font-face { font-family: "R22 Aeonik Pro"; src: url("../../assets/fonts/AeonikPro-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "R22 Aeonik Pro"; src: url("../../assets/fonts/AeonikPro-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "R22 Manrope"; src: local("Manrope"), local("Manrope Regular"), local("Manrope-Regular") /* , url("../../assets/fonts/Manrope-Regular.woff2") format("woff2") */; font-weight: 400; font-style: normal; font-display: swap; }