/* Generated by scripts/generate-site-themes.mjs from apps/client/src/themes.json. */

:root {
  --a-bg: #F4F6FA;
  --a-paper: #FFFFFF;
  --a-sidebar: #ECEFF5;
  --a-ink: #202535;
  --a-muted: #576178;
  --a-deep: #3552CF;
  --a-primary: #3552CF;
  --a-on-primary: #FFFFFF;
  --a-green: #E8EDFF;
  --a-soft: #EAEEF6;
  --a-line: #E0E5EF;
  --a-control-border: #7C899C;
  --a-selected-border: #6C82D2;
  --a-amber: #864710;
  --a-amber-bg: #FFF2DF;
  --a-error: #A22C32;
  --a-error-bg: #FFECEF;
  --a-input: #FFFFFF;
  --a-placeholder: #586575;
  --a-shadow: #1F2A51;
  --a-sticky: #FFE59A;
  --a-on-sticky: #44391F;
  --a-sticky-fold: #E7C778;
  --a-sticky-shadow: #594623;
  --a-scrim: #0F172A;
  --a-raised: #FFFFFF;
  --a-highlight: #E9EDF6;
  --a-todo: #3552CF;
  --a-todo-bg: #E8EDFF;
  --a-shopping: #17706A;
  --a-shopping-bg: #DDF3EF;
  --a-appointment: #6B3FB8;
  --a-appointment-bg: #F0E8FC;
  --a-on-amber: #FFFFFF;
  --a-toast-bg: #202535;
  --a-on-toast: #FFFFFF;
  --a-toast-action: #AFC0FF;
  --a-switch-on: #3552CF;
  --a-on-switch: #FFFFFF;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-app-theme]) {
    --a-bg: #0E1B2B;
    --a-paper: #1B3049;
    --a-sidebar: #0A1522;
    --a-ink: #EFF6FF;
    --a-muted: #A9BCD2;
    --a-deep: #A6D6FF;
    --a-primary: #A6D6FF;
    --a-on-primary: #0E2640;
    --a-green: #244670;
    --a-soft: #24405F;
    --a-line: #38516D;
    --a-control-border: #799ABF;
    --a-selected-border: #6BA9E8;
    --a-amber: #FFB980;
    --a-amber-bg: #46362B;
    --a-error: #FFBEC7;
    --a-error-bg: #48303E;
    --a-input: #14263B;
    --a-placeholder: #A9BCD2;
    --a-shadow: #000000;
    --a-sticky: #FFE59A;
    --a-on-sticky: #44391F;
    --a-sticky-fold: #E7C778;
    --a-sticky-shadow: #594623;
    --a-scrim: #0F172A;
    --a-raised: #223B59;
    --a-highlight: #26425F;
    --a-todo: #A6D6FF;
    --a-todo-bg: #1F3D62;
    --a-shopping: #6FD8C8;
    --a-shopping-bg: #17403F;
    --a-appointment: #C4B5FF;
    --a-appointment-bg: #2F2F5E;
    --a-on-amber: #0E1B2B;
    --a-toast-bg: #223B59;
    --a-on-toast: #EFF6FF;
    --a-toast-action: #A6D6FF;
    --a-switch-on: #2A67B5;
    --a-on-switch: #FFFFFF;
  }
}

[data-app-theme='paper'] {
  --a-bg: #F4F6FA;
  --a-paper: #FFFFFF;
  --a-sidebar: #ECEFF5;
  --a-ink: #202535;
  --a-muted: #576178;
  --a-deep: #3552CF;
  --a-primary: #3552CF;
  --a-on-primary: #FFFFFF;
  --a-green: #E8EDFF;
  --a-soft: #EAEEF6;
  --a-line: #E0E5EF;
  --a-control-border: #7C899C;
  --a-selected-border: #6C82D2;
  --a-amber: #864710;
  --a-amber-bg: #FFF2DF;
  --a-error: #A22C32;
  --a-error-bg: #FFECEF;
  --a-input: #FFFFFF;
  --a-placeholder: #586575;
  --a-shadow: #1F2A51;
  --a-sticky: #FFE59A;
  --a-on-sticky: #44391F;
  --a-sticky-fold: #E7C778;
  --a-sticky-shadow: #594623;
  --a-scrim: #0F172A;
  --a-raised: #FFFFFF;
  --a-highlight: #E9EDF6;
  --a-todo: #3552CF;
  --a-todo-bg: #E8EDFF;
  --a-shopping: #17706A;
  --a-shopping-bg: #DDF3EF;
  --a-appointment: #6B3FB8;
  --a-appointment-bg: #F0E8FC;
  --a-on-amber: #FFFFFF;
  --a-toast-bg: #202535;
  --a-on-toast: #FFFFFF;
  --a-toast-action: #AFC0FF;
  --a-switch-on: #3552CF;
  --a-on-switch: #FFFFFF;
}

[data-app-theme='sage'] {
  --a-bg: #F0F3E9;
  --a-paper: #FFFFFF;
  --a-sidebar: #E6EBDD;
  --a-ink: #27352C;
  --a-muted: #596653;
  --a-deep: #3B593C;
  --a-primary: #3B593C;
  --a-on-primary: #FFFFFF;
  --a-green: #D2E5BD;
  --a-soft: #EBF0E2;
  --a-line: #D8DFCD;
  --a-control-border: #7A8870;
  --a-selected-border: #5F7B49;
  --a-amber: #844713;
  --a-amber-bg: #FFF2DE;
  --a-error: #A0332B;
  --a-error-bg: #FDECEA;
  --a-input: #FFFFFF;
  --a-placeholder: #596653;
  --a-shadow: #233020;
  --a-sticky: #FFE59A;
  --a-on-sticky: #44391F;
  --a-sticky-fold: #E7C778;
  --a-sticky-shadow: #594623;
  --a-scrim: #0F172A;
  --a-raised: #FFFFFF;
  --a-highlight: #E6EEDA;
  --a-todo: #3B593C;
  --a-todo-bg: #E1EDD6;
  --a-shopping: #1C6B6F;
  --a-shopping-bg: #DAF0EE;
  --a-appointment: #4B4FA3;
  --a-appointment-bg: #E7E7FA;
  --a-on-amber: #FFFFFF;
  --a-toast-bg: #27352C;
  --a-on-toast: #FFFFFF;
  --a-toast-action: #BFE3A6;
  --a-switch-on: #3B593C;
  --a-on-switch: #FFFFFF;
}

[data-app-theme='sky'] {
  --a-bg: #EAF2FC;
  --a-paper: #F8FBFF;
  --a-sidebar: #DCE8F7;
  --a-ink: #193552;
  --a-muted: #48617C;
  --a-deep: #205B96;
  --a-primary: #205B96;
  --a-on-primary: #FFFFFF;
  --a-green: #CDDEF6;
  --a-soft: #E2EDFC;
  --a-line: #C7D6E9;
  --a-control-border: #6E87A6;
  --a-selected-border: #527EB1;
  --a-amber: #83470F;
  --a-amber-bg: #FFF0DC;
  --a-error: #A12F3C;
  --a-error-bg: #FFEAF0;
  --a-input: #F8FBFF;
  --a-placeholder: #48617C;
  --a-shadow: #233020;
  --a-sticky: #FFE59A;
  --a-on-sticky: #44391F;
  --a-sticky-fold: #E7C778;
  --a-sticky-shadow: #594623;
  --a-scrim: #0F172A;
  --a-raised: #FFFFFF;
  --a-highlight: #D9E6F8;
  --a-todo: #205B96;
  --a-todo-bg: #DCE9F9;
  --a-shopping: #17706A;
  --a-shopping-bg: #DAF1EE;
  --a-appointment: #5B3FA8;
  --a-appointment-bg: #ECE6FA;
  --a-on-amber: #FFFFFF;
  --a-toast-bg: #193552;
  --a-on-toast: #FFFFFF;
  --a-toast-action: #A9D2FF;
  --a-switch-on: #205B96;
  --a-on-switch: #FFFFFF;
}

[data-app-theme='dusk'] {
  --a-bg: #2C313D;
  --a-paper: #343B49;
  --a-sidebar: #252A35;
  --a-ink: #F2F3FC;
  --a-muted: #B4BBCC;
  --a-deep: #D4CBFF;
  --a-primary: #D4CBFF;
  --a-on-primary: #27213E;
  --a-green: #454557;
  --a-soft: #3B414F;
  --a-line: #525A6C;
  --a-control-border: #8D97AD;
  --a-selected-border: #AD9DE2;
  --a-amber: #FFBC85;
  --a-amber-bg: #4A3A2E;
  --a-error: #FFC0C7;
  --a-error-bg: #503540;
  --a-input: #343B49;
  --a-placeholder: #B4BBCC;
  --a-shadow: #000000;
  --a-sticky: #FFE59A;
  --a-on-sticky: #44391F;
  --a-sticky-fold: #E7C778;
  --a-sticky-shadow: #594623;
  --a-scrim: #0F172A;
  --a-raised: #434A5A;
  --a-highlight: #414858;
  --a-todo: #D4CBFF;
  --a-todo-bg: #4A4666;
  --a-shopping: #86DCCF;
  --a-shopping-bg: #2F4A4A;
  --a-appointment: #FFC6E4;
  --a-appointment-bg: #503E4E;
  --a-on-amber: #2C313D;
  --a-toast-bg: #434A5A;
  --a-on-toast: #F2F3FC;
  --a-toast-action: #D4CBFF;
  --a-switch-on: #6552C7;
  --a-on-switch: #FFFFFF;
}

[data-app-theme='ocean'] {
  --a-bg: #0E1B2B;
  --a-paper: #1B3049;
  --a-sidebar: #0A1522;
  --a-ink: #EFF6FF;
  --a-muted: #A9BCD2;
  --a-deep: #A6D6FF;
  --a-primary: #A6D6FF;
  --a-on-primary: #0E2640;
  --a-green: #244670;
  --a-soft: #24405F;
  --a-line: #38516D;
  --a-control-border: #799ABF;
  --a-selected-border: #6BA9E8;
  --a-amber: #FFB980;
  --a-amber-bg: #46362B;
  --a-error: #FFBEC7;
  --a-error-bg: #48303E;
  --a-input: #14263B;
  --a-placeholder: #A9BCD2;
  --a-shadow: #000000;
  --a-sticky: #FFE59A;
  --a-on-sticky: #44391F;
  --a-sticky-fold: #E7C778;
  --a-sticky-shadow: #594623;
  --a-scrim: #0F172A;
  --a-raised: #223B59;
  --a-highlight: #26425F;
  --a-todo: #A6D6FF;
  --a-todo-bg: #1F3D62;
  --a-shopping: #6FD8C8;
  --a-shopping-bg: #17403F;
  --a-appointment: #C4B5FF;
  --a-appointment-bg: #2F2F5E;
  --a-on-amber: #0E1B2B;
  --a-toast-bg: #223B59;
  --a-on-toast: #EFF6FF;
  --a-toast-action: #A6D6FF;
  --a-switch-on: #2A67B5;
  --a-on-switch: #FFFFFF;
}

[data-app-theme='midnight'] {
  --a-bg: #0D1016;
  --a-paper: #171D26;
  --a-sidebar: #090C11;
  --a-ink: #EFF3F8;
  --a-muted: #9AA3B3;
  --a-deep: #B9C9E4;
  --a-primary: #B9C9E4;
  --a-on-primary: #172338;
  --a-green: #293445;
  --a-soft: #202A38;
  --a-line: #354153;
  --a-control-border: #72839C;
  --a-selected-border: #91AACA;
  --a-amber: #F4B27C;
  --a-amber-bg: #3B2E24;
  --a-error: #FFB8C3;
  --a-error-bg: #3E2730;
  --a-input: #171D26;
  --a-placeholder: #9AA3B3;
  --a-shadow: #000000;
  --a-sticky: #FFE59A;
  --a-on-sticky: #44391F;
  --a-sticky-fold: #E7C778;
  --a-sticky-shadow: #594623;
  --a-scrim: #0F172A;
  --a-raised: #222A36;
  --a-highlight: #232C3A;
  --a-todo: #B9C9E4;
  --a-todo-bg: #26324A;
  --a-shopping: #7BD3C6;
  --a-shopping-bg: #173634;
  --a-appointment: #CDB8FF;
  --a-appointment-bg: #2E2745;
  --a-on-amber: #0D1016;
  --a-toast-bg: #222A36;
  --a-on-toast: #EFF3F8;
  --a-toast-action: #B9C9E4;
  --a-switch-on: #3A63A6;
  --a-on-switch: #FFFFFF;
}