Websites, Marketing and Design | Idyllic New Plymouth

:root {
  --color-dominant: #dc4c2c;
  --color-surface: #f49c74;
  --color-ink: #5c152c;
  --color-accent: #ae549c;
  --color-detail: #c5caca;
}

/* CSS variables exposed by source */
:root {
  --font_56: 3.5rem;
  --font_84: 5.292rem;
  --font_110: 5.5vw;
  --font_20: 1.25rem;
  --font_64: 4rem;
  --font_36: 1.75rem;
  --font_96: 5rem;
  --font_48: 3rem;
  --font_24: 1.5rem;
  --primary: #c03441;
  --secondary: #c03441;
  --xm: 5%;
  --bs-orange: #fd7e14;
  --fn-hover-1: #EAA93D;
  --bs-link-hover-color-rgb: 10,88,202;
  --wp--preset--font-size--large: 36px;
  --wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);
  --bs-warning-bg-subtle: #fff3cd;
  --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);
  --bs-success: #198754;
  --wp--preset--color--vivid-purple: #9b51e0;
  --wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);
  --pink: #f283b4;
  --bs-danger-text-emphasis: #58151c;
  --fn-hover-3: #F283B4;
  --h4_size: 4rem;
  --fn-hover-4: #85A6D7;
  --bs-border-style: solid;
  --bs-warning-rgb: 255,193,7;
  --bs-info-text-emphasis: #055160;
  --fn-bg: #3d1020;
  --fn-ease: cubic-bezier(0.76, 0, 0.24, 1);
  --burgundy-4: #59152c;
  --bs-body-font-weight: 400;
  --bs-primary: #c03441;
  --bs-code-color: #d63384;
  --bs-border-radius-2xl: 2rem;
  --burgundy-2: #3f1b25;
  --red: #c03441;
  --wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);
  --bs-body-line-height: 150%;
  --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);
  --green-dark: #505033;
  --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
  --bs-light-bg-subtle: #fcfcfd;
  --bs-cyan: #0dcaf0;
  --bs-purple: #6f42c1;
  --bs-green: #198754;
  --wpforms-button-background-color: transparent;
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-primary-border-subtle: #9ec5fe;
  --h1_size: 5.5vw;
  --bs-link-hover-color: #0a58ca;
  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-info-rgb: 13,202,240;
  --bs-dark-text-emphasis: #495057;
  --burgundy-1: #31131b;
  --wp--preset--spacing--40: 1rem;
  --bs-breakpoint-xs: 0;
  --bs-border-radius-sm: 0.25rem;
}