/* Opt-in foundations. Values from style-tisse.css and newsletter CSS; no :root reset. */
.tisse-ui {
      --cta-primary: #B96240;
      --cta-light: #DB9E7D;
      --cta-primary-rgb: 185, 98, 64;
      --cta-on-primary: #fff;
      --brown: #c37d57;
      --beige:#fffaf3;
      --yellow: #f5ca47;
      --sand: #d9b18f;
      --taupe: #f5eee8;
      --peach: #f6f3ee;

      --ink: #241a16;
      --ink2:#3a2b24;

      --card: rgba(255,255,255,.55);
      --border: rgba(195,125,87,.22);

      --shadow: 0 12px 30px rgba(28,18,14,.10);
      --shadow2: 0 10px 18px rgba(28,18,14,.10);

      --radius: 18px;
      --radius2: 26px;

      --max: 1120px;
      --pad: clamp(18px, 3vw, 34px);

      --ease: cubic-bezier(.2,.8,.2,1);
      --dur: 560ms;

    
  --cta-header-font: 13px; --cta-header-height: 36px; --cta-header-pad-y: 7px; --cta-header-pad-x: 12px;
  --cta-standard-font: 14px; --cta-standard-height: 40px; --cta-standard-pad-y: 9px; --cta-standard-pad-x: 15px;
  --cta-hero-font: 16px; --cta-hero-height: 44px; --cta-hero-pad-y: 10px; --cta-hero-pad-x: 17px;
  --cta-font-weight: 600;

  --font-body: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Inter, Arial, sans-serif;
  --font-editorial: "Poppins", var(--font-body);
  --radius-newsletter: 28px;
  --space-1: 8px; --space-2: 12px; --space-3: 18px; --space-4: 26px;
  --surface-glass: linear-gradient(135deg, rgba(255,255,255,.78), rgba(255,250,243,.52));
  --surface-edge: 1px solid rgba(255,255,255,.85);
  --surface-depth: 0 24px 55px rgba(36,26,22,.08), 0 5px 14px rgba(185,98,64,.05), inset 0 1px 0 rgba(255,255,255,.95);
  --surface-cream: linear-gradient(135deg,rgba(255,253,249,.98),rgba(255,250,243,.88));
  --surface-paper-depth: 0 24px 60px rgba(54,37,28,.12), inset 0 1px 0 rgba(255,255,255,.70);
  --page-paper: radial-gradient(760px 360px at 50% 0%,rgba(255,255,255,.60),transparent 72%), radial-gradient(900px 520px at 8% 12%,rgba(217,177,143,.16),transparent 70%), radial-gradient(760px 520px at 92% 12%,rgba(195,125,87,.10),transparent 74%), linear-gradient(180deg,#fffaf3 0%,#f7f1eb 100%);
}
