:root{
  /* Skin PAY-16 Vert-de-gris (Craft) */
  --bg: #F3EFE7;
  --bg-alt: #ECE6D9;
  --surface: #FBF8F1;
  --text: #2A2A26;
  --text-2: rgba(42, 42, 38, 0.74);
  --text-mute: rgba(42, 42, 38, 0.55);
  --border: rgba(42, 42, 38, 0.14);

  --accent: #3A4A40;
  --accent-2: #6B8A78;
  --accent-soft: #DDE3DC;
  --primary: #3A4A40;
  --wa-green: #25D366;
  --google-blue: #4285F4;
  --ok: #2D6A4F;

  --ff-display: "Lora", "Libre Baskerville", Georgia, serif;
  --ff-body: "Source Sans 3", "Source Sans Pro", system-ui, sans-serif;
  --ff-ui: "Source Sans 3", "Source Sans Pro", system-ui, sans-serif;

  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 14px;
  --r-xl: 22px;

  --header-h: 76px;
  --header-h-mobile: 64px;

  --z-menu: 1000;
  --z-header: 1050;
  --z-burger: 1100;
  --z-modal: 1200;

  --container: 1180px;
}

.hero-bg-oklch{
  background:
    radial-gradient(60% 60% at 15% 10%, color-mix(in oklab, var(--accent) 14%, var(--bg)) 0%, transparent 60%),
    radial-gradient(50% 50% at 90% 20%, color-mix(in oklab, var(--accent) 9%, var(--bg)) 0%, transparent 55%),
    var(--bg);
}