@font-face{
  font-family:"NouNou";
  src:url("../fonts/nounou/baubau-regular.woff2") format("woff2");
  font-style:normal;
  font-weight:400;
  font-display:swap;
}

:root{
  --rrt-pink:#E93C8E;
  --rrt-teal:#3BAFB2;
  --rrt-green:#5FA952;
  --rrt-amber:#E8B33D;
  --rrt-cloud:#F6F2F7;
  --rrt-ink:#0F2F48;

  --rrt-bg:var(--rrt-cloud);
  --rrt-text:var(--rrt-ink);
  --rrt-text-inv:var(--rrt-cloud);
  --rrt-accent:var(--rrt-pink);

  --rrt-surface:#fff;
  --rrt-border:rgba(15,47,72,.14);
  --rrt-surface-soft:rgba(255,255,255,.7);

  --font-base:"NouNou",sans-serif;
  --text-base:16px;
  --line-base:1.5;

  --radius-sm:6px;
  --radius-md:12px;
  --radius-lg:20px;
  --radius-pill:999px;

  --rrt-radius-shell:var(--radius-lg);
  --rrt-radius-card:var(--radius-md);
  --rrt-radius-inner:var(--radius-sm);

  --container:1120px;
  --gutter:clamp(20px,4vw,40px);
  --rrt-shell-pad:clamp(1.35rem,3.2vw,2rem);
  --rrt-footer-cols:1.4fr 1.2fr 1fr 1fr;

  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:24px;
  --space-6:32px;
  --space-7:48px;

  --rrt-arrow-svg:url("/wp-content/themes/runrun/assets/images/arrow.svg");

  --rrt-ease:cubic-bezier(.2,.8,.2,1);
  --rrt-dur-1:120ms;
  --rrt-dur-2:180ms;
  --rrt-dur-3:280ms;

  --rrt-shadow-1:0 10px 30px rgba(0,0,0,.08);
  --rrt-shadow-2:0 16px 50px rgba(0,0,0,.12);

  --rrt-ring:rgba(233,60,142,.65);
  --rrt-ring-size:3px;
  --rrt-ring-offset:2px;

  --rrt-hover:rgba(15,47,72,.06);
}

@supports (color:color-mix(in srgb,#000 50%,#fff)){
  :root{
    --rrt-border:color-mix(in srgb,var(--rrt-text) 14%,transparent);
    --rrt-surface-soft:color-mix(in srgb,var(--rrt-surface) 70%,transparent);
    --rrt-ring:color-mix(in srgb,var(--rrt-pink) 65%,transparent);
    --rrt-hover:color-mix(in srgb,var(--rrt-ink) 6%,transparent);
  }
}