: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[data-palette="evergreen"] {
  --canvas: #F6F8F6;
  --surface: #FFFFFF;
  --sunken: #EDF2EE;
  --ink: #14211B;
  --ink2: #34443C;
  --muted: #56645C;
  --line: #E2E8E3;
  --line2: #C8D2CB;
  --accent: #12704E;
  --accent-soft: #E6F2EC;
  --accent-line: #B5D6C6;
  --navy: #0F2B22;
  --on-navy: #EEF5F1;
  --on-navy-2: #B3C9BE;
  --seal: #8A5300;
  --seal-soft: #FFF6E3;
  --seal-line: #F1DCAA;
  --glow1: #CDE6D9;
  --glow2: #F6E3C4;
  --mist: #ECF0EC;
}

:root,
:root[data-palette="lagoon"] {
  --canvas: #F5F8F8;
  --surface: #FFFFFF;
  --sunken: #ECF2F2;
  --ink: #132225;
  --ink2: #33464A;
  --muted: #55666A;
  --line: #E0E8E8;
  --line2: #C6D3D4;
  --accent: #0B6866;
  --accent-soft: #E3F1F0;
  --accent-line: #B0D5D3;
  --navy: #0D2A30;
  --on-navy: #EDF5F6;
  --on-navy-2: #B0C8CC;
  --seal: #8A5300;
  --seal-soft: #FFF6E3;
  --seal-line: #F1DCAA;
  --glow1: #CBE5E3;
  --glow2: #F6E2C8;
  --mist: #EBF0F0;
}

: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(30px, 3vw, 42px);
  --fs-lead: 18px;
}

/* motion: strong custom curves (Emil Kowalski's design-engineering rules) */
:root {
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
}