:root,
:root[data-palette="enterop-blue"] {
  --canvas: #F7F8FA;
  --surface: #FFFFFF;
  --sunken: #F1F3F7;
  --ink: #18212F;
  --ink2: #3A4556;
  --muted: #5D6778;
  --line: #E5E8EE;
  --line2: #CDD3DC;
  --accent: #2456C7;
  --accent-soft: #EEF3FD;
  --accent-line: #C9D7F6;
  --navy: #14213D;
  --on-navy: #F1F4FA;
  --on-navy-2: #B7C2D8;
  --seal: #8A5300;
  --seal-soft: #FFF6E3;
  --seal-line: #F1DCAA;
  --glow1: #C9D7F6;
  --glow2: #FBE1CF;
  --mist: #EDF0F5;
}

:root[data-palette="forest"] {
  --canvas: #F7F5EC;
  --surface: #FFFFFF;
  --sunken: #EFEDE3;
  --ink: #16231D;
  --ink2: #34433B;
  --muted: #4E5B54;
  --line: #E2DED3;
  --line2: #C9CFC6;
  --accent: #1E5A43;
  --accent-soft: #E8F0EA;
  --accent-line: #B9CFBF;
  --navy: #153C31;
  --on-navy: #F0F5F1;
  --on-navy-2: #B9CCBF;
  --seal: #8A5300;
  --seal-soft: #FFF6E3;
  --seal-line: #F1DCAA;
  --glow1: #D7E6DB;
  --glow2: #F3E3B0;
  --mist: #EFEFE6;
}

:root[data-palette="graphite"] {
  --canvas: #F5F5F2;
  --surface: #FFFFFF;
  --sunken: #ECECE7;
  --ink: #1C1F26;
  --ink2: #3B404B;
  --muted: #5E6470;
  --line: #E4E4DE;
  --line2: #CBCBC3;
  --accent: #3B4BDB;
  --accent-soft: #EEF0FD;
  --accent-line: #CBD1F7;
  --navy: #1F2230;
  --on-navy: #F0F1F6;
  --on-navy-2: #B8BCCB;
  --seal: #8A5300;
  --seal-soft: #FFF6E3;
  --seal-line: #F1DCAA;
  --glow1: #D6DAF8;
  --glow2: #F2E2D2;
  --mist: #EEEEEA;
}

:root,
:root[data-display="host-grotesk"] {
  --display: 'Host Grotesk', system-ui, sans-serif;
  --dw: 300;
}

:root[data-display="source-serif"] {
  --display: 'Source Serif 4', Georgia, serif;
  --dw: 300;
}

:root[data-display="instrument-serif"] {
  --display: 'Instrument Serif', Georgia, serif;
  --dw: 400;
}

:root[data-display="funnel-display"] {
  --display: 'Funnel Display', system-ui, sans-serif;
  --dw: 300;
}

:root {
  --fs-h1: clamp(34px, 3.6vw, 52px);
  --fs-h2: clamp(32px, 3.6vw, 48px);
  --fs-lead: 18px;
}