Désourdy · Features

:root {
  --color-dominant: #8e8170;
  --color-surface: #c4bdb4;
  --color-ink: #4a433a;
  --color-accent: #948162;
  --color-detail: #cac4bc;
}

/* CSS variables exposed by source */
:root {
  --text-heading-h3: clamp(1.6875rem, 1.3614rem + 1.6304vw, 2.625rem);
  --text-heading-h1: clamp(3.5rem, .8043rem + 13.4783vw, 11.25rem);
  --color-powder: #c9d2d6;
  --text-body: clamp(.8125rem, .7473rem + .3261vw, 1rem);
  --color-snowdrift: #f1ece8;
  --text-heading-h2: clamp(1.625rem, 1.1467rem + 2.3913vw, 3rem);
  --spacing-unit-md: 20px;
  --spacing: 10px;
  --font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  --text-label: clamp(.625rem, .5815rem + .2174vw, .75rem);
  --text-heading-h4-alt: clamp(1rem, .913rem + .4348vw, 1.25rem);
  --color-red-400: oklch(70.4% .191 22.216);
  --color-white: #fff;
  --text-heading-h1-ls: clamp(-.45rem, -.0962rem + -.4565vw, -.1875rem);
  --radius-sm: .25rem;
  --font-sans: "GT America",sans-serif;
  --text-small: clamp(.75rem, .7065rem + .2174vw, .875rem);
  --text-subtitle: clamp(.75rem, .7065rem + .2174vw, .875rem);
  --color-black: #141415;
  --font-weight-light: 300;
  --font-weight-medium: 500;
  --color-blue: #8099a4;
  --text-heading-h4: clamp(1.25rem, 1.163rem + .4348vw, 1.5rem);
  --color-slate: #141415;
  --radius-md: .375rem;
  --radius-lg: .5rem;
  --text-cta: clamp(.6875rem, .644rem + .2174vw, .8125rem);
  --button-background-hover: #8099a4;
  --column-unit-xl: calc((min(100vw,calc(100vw - 40px)) - ((12 - 1)*20px))/12);
  --cc-btn-primary-hover-border-color: #000;
  --cc-webkit-scrollbar-bg: #f0f4f7;
  --cc-bg: #fff;
  --cc-toggle-enabled-icon-color: #fff;
  --grid-gutter-s: 20px;
  --cc-btn-primary-hover-color: #fff;
  --grid-columns-s: 4;
  --button-width: auto;
  --cc-cookie-category-block-border: #f0f4f7;
  --cc-toggle-readonly-bg: #d5dee2;
  --cc-overlay-bg: #000000a6;
  --default-transition-timing-function: cubic-bezier(.4,0,.2,1);
  --cc-modal-transition-duration: .25s;
  --grid-columns-xl: 12;
  --cc-btn-secondary-bg: #eaeff2;
  --ease-out-quad: cubic-bezier(.25,.46,.45,.94);
  --cc-btn-primary-border-color: #30363c;
  --cc-cookie-category-expanded-block-hover-bg: #dee4e9;
  --cc-toggle-off-knob-bg: #fff;
  --z-index-header-contact: 101;
  --cc-cookie-category-block-hover-bg: #e9eff4;
  --cc-pm-toggle-border-radius: 4em;
  --ease-out-cubic: cubic-bezier(.33,1,.68,1);
  --button-color-active: #141415;
  --z-index-header-menu: 101;
  --tw-translate-z: 0;
  --cc-modal-border-radius: .5rem;
  --tw-scale-y: 1;
  --cc-cookie-category-block-hover-border: #e9eff4;
  --button-gap: 25px;
  --cc-secondary-color: #5e6266;
}