/* GENERATED by build_tokens.py from palette.json. Do not edit; edit palette.json and re-run. */
/* Active palette: Clay and tide · Crisp tide (tweaked) */
:root {
  --page: #F2F4F5;
  --panel: #E3E7E9;
  --structure: #4475A7;
  --support: #73D3CB;
  --key: #BA4F2C;
  --text: #22262B;
  --captions: #5B636B;
  --rules: #CFD4D8;
  --structure-text: #4372A3;
  --key-text: #B84E2C;
  --on-key: #FFFFFF;
  --on-structure: #FFFFFF;
}
/* Clay and tide · Crisp tide (tweaked) */
[data-palette="crisp-tide-tweaked"] {
  --page: #F2F4F5;
  --panel: #E3E7E9;
  --structure: #4475A7;
  --support: #73D3CB;
  --key: #BA4F2C;
  --text: #22262B;
  --captions: #5B636B;
  --rules: #CFD4D8;
  --structure-text: #4372A3;
  --key-text: #B84E2C;
  --on-key: #FFFFFF;
  --on-structure: #FFFFFF;
}
/* Clay and tide (1A original) */
[data-palette="clay-and-tide"] {
  --page: #F7F4F0;
  --panel: #EEE8E0;
  --structure: #3E5B79;
  --support: #8ED2C8;
  --key: #BF422B;
  --text: #22262B;
  --captions: #6B655B;
  --rules: #E0D5C8;
  --structure-text: #3E5B79;
  --key-text: #BF422B;
  --on-key: #FFFFFF;
  --on-structure: #FFFFFF;
}
/* Clay and tide · Warm clay */
[data-palette="warm-clay"] {
  --page: #F8F4F0;
  --panel: #EBE8DF;
  --structure: #4C5E76;
  --support: #93C8BA;
  --key: #B95331;
  --text: #22262B;
  --captions: #6B655B;
  --rules: #E3D6C4;
  --structure-text: #4C5E76;
  --key-text: #B75230;
  --on-key: #FFFFFF;
  --on-structure: #FFFFFF;
}
/* Clay and tide · Crisp tide (untweaked) */
[data-palette="crisp-tide"] {
  --page: #F2F4F5;
  --panel: #E4E7E9;
  --structure: #34597F;
  --support: #73D3CB;
  --key: #C13225;
  --text: #22262B;
  --captions: #5B636B;
  --rules: #CFD4D8;
  --structure-text: #34597F;
  --key-text: #C13225;
  --on-key: #FFFFFF;
  --on-structure: #FFFFFF;
}
/* Clay and tide · Teal forward */
[data-palette="teal-forward"] {
  --page: #F5F4F2;
  --panel: #D7E8E5;
  --structure: #324B66;
  --support: #8ED2C8;
  --key: #BF422B;
  --text: #22262B;
  --captions: #6B655B;
  --rules: #D8D4CF;
  --structure-text: #324B66;
  --key-text: #BF422B;
  --on-key: #FFFFFF;
  --on-structure: #FFFFFF;
}
/* Blue hour (3A) */
[data-palette="blue-hour"] {
  --page: #EEF0F2;
  --panel: #E2E6EA;
  --structure: #43667C;
  --support: #8FB09A;
  --key: #7A3245;
  --text: #26292E;
  --captions: #5A6370;
  --rules: #D2D8DE;
  --structure-text: #43667C;
  --key-text: #7A3245;
  --on-key: #FFFFFF;
  --on-structure: #FFFFFF;
}
/* Night drafting (7B, dark) */
[data-palette="night-drafting"] {
  --page: #1B2430;
  --panel: #243040;
  --structure: #9BB8C9;
  --support: #9CC2A8;
  --key: #D27389;
  --text: #ECEEF1;
  --captions: #A3AEBB;
  --rules: #344152;
  --structure-text: #9BB8C9;
  --key-text: #D27389;
  --on-key: #1B2430;
  --on-structure: #1B2430;
}
/* Print export: set data-output="print" on <html> */
[data-output="print"] {
  --page: #FFFFFF;
}
/* Aliases for the pf-* components in design-options/style.css. Re-declared per palette so they resolve correctly. */
:root, [data-palette] {
  --sec: var(--structure-text);
  --third: var(--structure);
}