Bevel · About

:root {
  --color-dominant: #1b84fc;
  --color-surface: #78acfc;
  --color-ink: #013d82;
  --color-accent: #7b7d7f;
  --color-detail: #b4c4d4;
}

/* CSS variables exposed by source */
:root {
  --dark-2: #cacbce;
  --_spacing---rems--0-875rem: .875rem;
  --_typography---weight--extra-light: 200;
  --_components---button--line-height: 1.4;
  --_typography---eyebrow--bottom-margin: 1.5em;
  --_theme---button-primary--border: #1f2025;
  --_spacing---rems--4-5rem: 4.5rem;
  --_typography---heading-3--line-height: 1;
  --_typography---heading-5--font-weight: 600;
  --_typography---body--letter-spacing: 0em;
  --_components---input-label--font-size: .875rem;
  --_colors---primary--transparent: #fff0;
  --_theme---text--secondary: color-mix(in hsl,#1f2025/**/60%,#1f2025/**/0%);
  --_components---input-label--font-weight: 500;
  --_components---button--horizontal-padding: 1.5rem;
  --_theme---button-primary--text-hover: #ebf0f8;
  --_theme---button-primary--background-hover: #000;
  --_colors---primary--white: white;
  --_responsive-spacing---64-40: clamp(2.5rem,2.143vw + 2.071rem,4rem);
  --_colors---secondary--cyan-40: color-mix(in hsl,#7ddcff/**/40%,#7ddcff/**/0%);
  --_components---input-field--font-weight: 400;
  --_typography---heading-6--line-height: 1.1;
  --_theme---text--invert: white;
  --_colors---secondary--mint-20: color-mix(in hsl,#3fffc2/**/20%,#3fffc2/**/0%);
  --_spacing---rems--6rem: 6rem;
  --_colors---secondary--pink-40: color-mix(in hsl,#ff96c2/**/40%,#ff96c2/**/0%);
  --_typography---heading-5--letter-spacing: -.01em;
  --_components---button--font-weight: 500;
  --_layout---container--width: calc(100% - clamp(1rem,1.429vw + .714rem,2rem)*2);
  --_typography---heading-1--bottom-margin: .2em;
  --_typography---heading-4--font-size-lg: clamp(1.25rem,.357vw + 1.179rem,1.5rem);
  --_layout---columns--gutter: calc(clamp(1rem,1.429vw + .714rem,2rem)/2);
  --_theme---background--secondary: #ebf0f8;
  --_responsive-spacing---80-40: clamp(2.5rem,3.571vw + 1.786rem,5rem);
  --_components---input-field--letter-spacing: 0em;
  --_typography---heading-4--line-height: .9;
  --_spacing---rems--2-5rem: 2.5rem;
  --_colors---secondary--mint: #3fffc2;
  --_typography---heading-2--line-height: 1;
  --_theme---button-secondary--border-hover: #000;
  --_spacing---rems--1-5rem: 1.5rem;
  --_typography---heading-5--line-height: 1.2;
  --_theme---button-primary--border-hover: #000;
  --_typography---heading-5--bottom-margin: 1em;
  --_components---input-field--text-area-min-height: 8rem;
  --_theme---button-primary--text: #ebf0f8;
  --_theme---background--border: #000;
  --_typography---heading-4--letter-spacing: -.01em;
  --_typography---paragraph--letter-spacing: 0em;
  --black: #222326;
  --_layout---container--max-width: calc(90*1rem);
  --_theme---text--invert-secondary: color-mix(in hsl,white/**/60%,white/**/0%);
  --_spacing---rems--1-25rem: 1.25rem;
  --_typography---weight--light: 300;
  --_components---button--border-radius: 8rem;
  --_colors---secondary--teal: #83e3de;
  --_typography---heading-1--line-height: 1;
  --_theme---text--tertiary: #00000061;
  --_colors---secondary--red-40: color-mix(in hsl,#f46c41/**/40%,#f46c41/**/0%);
  --_typography---heading-1--letter-spacing: -.03em;
}