/* Wellora design tokens — extracted from the live Framer preview (wellora.framer.ai) */
:root {
  /* colour */
  --c-bg: #f1ede9;         /* page cream */
  --c-card: #ede5dd;       /* beige cards */
  --c-card-dark: #e5ddd3;  /* popup panel */
  --c-beige-dark: #d9cdc1; /* borders, dividers */
  --c-muted: #b5a89e;      /* placeholder, disabled */
  --c-text-2: #807166;     /* secondary text */
  --c-text: #544a42;       /* primary warm brown */
  --c-dark: #322c2b;
  --c-green: #98db8b;      /* accent */
  --c-white: #fff;
  --c-black: #000;
  --c-grey: #666;
  --c-grey-2: #b9b9b9;

  /* type */
  --f-display: "Coconat", Georgia, serif;
  --f-label: "Clash Display", "Helvetica Neue", Arial, sans-serif;
  --f-body: "Switzer", "Helvetica Neue", Arial, sans-serif;

  --fs-h2: 54px;
  --fs-h2-lg: 64px;
  --fs-wordmark: 107px;
  --fs-product: 32px;
  --fs-eyebrow: 16px;
  --fs-label: 14px;
  --fs-body: 14px;
  --fs-body-lg: 16px;

  /* radii */
  --r-product: 98px;
  --r-hero-card: 64px;
  --r-xl: 44px;
  --r-lg: 40px;
  --r-overlay: 36px;
  --r-md: 24px;
  --r-btn: 22px;
  --r-sm: 16px;
  --r-pill: 100px;

  /* layout */
  --pad-x: 24px;
  --max-inner: 1440px;
  --nav-h: 76px;   /* single row on mobile; two rows >=810px, see sections.css */
  --gap-sm: 16px;
  --gap: 24px;
  --gap-md: 32px;
  --gap-lg: 40px;

  /* effects */
  --glass-bg: rgba(255,255,255,.65);
  --glass-blur: blur(24px);
  --glass-table-bg: rgba(255,255,255,.29);
  --glass-table-blur: blur(32px);
  --shadow-card: 0 .6px 1.6px -1.5px rgba(0,0,0,.17), 0 2.3px 6px -3px rgba(0,0,0,.14), 0 10px 26px -4.5px rgba(0,0,0,.02);
  --ease: cubic-bezier(.22,1,.36,1);
}