/* =========================================
   COFFEE REPUBLIC — BRAND DESIGN TOKENS
   ========================================= */

:root {
  /* The three official brand colors */
  --color-pink: #E94F86;
  --color-espresso: #180B0D;
  --color-cream: #FFF4F0;

  /* Typography */
  --font-heading: "Cormorant Garamond", Georgia, serif;
  --font-body: "Manrope", Arial, sans-serif;

  /* Layout */
  --container-width: 1240px;
  --page-gutter: clamp(20px, 5vw, 76px);
  --header-height: 86px;

  /* Shape and motion */
  --radius-small: 8px;
  --radius-medium: 16px;
  --radius-large: 28px;

  --transition-fast: 180ms ease;
  --transition-smooth: 350ms ease;
  --transition-elegant: 650ms cubic-bezier(0.2, 0.75, 0.25, 1);

  /* Layering */
  --z-header: 100;
  --z-menu: 110;
}