/* Build-time constants and media queries. Theme tokens are loaded separately. */
:root {

  --body-font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --body-line-height: 1.15;

  --sm-viewport-max-width: 767px;
  --md-viewport-min-width: calc(var(--sm-viewport-max-width) + 1px);
  --md-viewport-max-width: 1063px;
  --lg-viewport-min-width: calc(var(--md-viewport-max-width) + 1px);
  --lg-viewport-max-width: 1199px;
  --xl-viewport-min-width: calc(var(--lg-viewport-max-width) + 1px);

  --z-index-modal: 1000;
  --z-index-toast: 1100;

  --spacing-xs: 2px;
  --spacing-sm: 4px;
  --spacing-md: 8px;
  --spacing-lg: 16px;
  --spacing-xl: 24px;
  --spacing-xxl: 40px;

  --container-xs: 328px;
  --container-sm: 458px;
  --container-md: 550px;
  --container-lg: 878px;
  --container-xl: 1360px;
  --outline-offset-small: 2px;
  --outline-offset-medium: 4px;
  --outline-offset-large: 8px;
}
@custom-media --hover-supported (hover: hover) and (pointer: fine);
@custom-media --sm-viewport (max-width: 767px);
@custom-media --max-sm-viewport (max-width: 767px);
@custom-media --md-viewport (min-width: 768px) and (max-width: 1063px);
@custom-media --min-md-viewport (min-width: 768px);
@custom-media --max-md-viewport (max-width: 1063px);
@custom-media --lg-viewport (min-width: 1064px) and (max-width: 1199px);
@custom-media --min-lg-viewport (min-width: 1064px);
@custom-media --max-lg-viewport (max-width: 1199px);
@custom-media --xl-viewport (min-width: 1200px);
@custom-media --min-xl-viewport (min-width: 1200px);
:root {
  --color-purple: rgb(98, 86, 177);
  --color-purple-hover: rgb(92, 78, 167);
  --color-purple-pressed: rgb(76, 57, 142);
  --color-purple-alpha65: rgba(98, 86, 177, 0.65);
  --color-purple-alpha50: rgba(98, 86, 177, 0.5);
  --color-purple-alpha25: rgba(98, 86, 177, 0.25);
  --color-purple-alpha20: rgba(98, 86, 177, 0.2);
  --color-purple-alpha10: rgba(98, 86, 177, 0.1);
  --color-purple-10: rgb(241, 240, 248);
  --color-purple-25: rgb(221, 219, 238);
  --color-purple-50: rgba(187, 183, 222);
  --color-purple-65: rgba(166, 162, 212);

  --color-teal: rgb(0, 167, 144);
  --color-teal-hover: rgb(0, 134, 115);
  --color-teal-pressed: rgb(0, 100, 86);
  --color-teal-alpha65: rgba(0, 167, 144, 0.65);
  --color-teal-alpha50: rgba(0, 167, 144, 0.5);
  --color-teal-alpha25: rgba(0, 167, 144, 0.25);
  --color-teal-alpha20: rgba(0, 167, 144, 0.2);
  --color-teal-alpha10: rgba(0, 167, 144, 0.1);

  --color-dark-green: rgb(4, 87, 98);

  --color-yellow: rgb(247, 174, 16);
  --color-yellow-hover: rgb(216, 156, 16);
  --color-yellow-pressed: rgb(182, 117, 12);
  --color-yellow-alpha65: rgba(98, 86, 177, 0.65);
  --color-yellow-alpha50: rgba(98, 86, 177, 0.5);
  --color-yellow-alpha25: rgba(98, 86, 177, 0.25);
  --color-yellow-alpha20: rgba(98, 86, 177, 0.2);
  --color-yellow-alpha10: rgba(98, 86, 177, 0.1);

  --color-primary: rgba(255, 90, 0, 1);
  --color-orange-light: rgb(247, 174, 16);
  --color-orange-hover: rgba(255, 90, 0, 0.8);
  --color-orange-pressed: rgb(255, 90, 0, 0.5);
  --color-orange: rgb(255, 90, 0);
  --color-orange-darker: rgb(217, 75, 0);
  --color-orange-dark: rgb(179, 60, 0);
  --color-orange-alpha65: rgba(247, 174, 16, 0.65);
  --color-orange-alpha50: rgba(247, 174, 16, 0.5);
  --color-orange-alpha25: rgba(247, 174, 16, 0.25);
  --color-orange-alpha20: rgba(247, 174, 16, 0.2);
  --color-orange-alpha10: rgb(255, 238, 229);

  --color-smart: rgb(66, 39, 121);

  --color-neutral: rgb(27, 89, 172);
  --color-accepted: rgb(15, 185, 27);
  --color-critical: rgb(226, 20, 0);
  --color-warning: rgb(255, 196, 0);

  --color-white: rgb(255, 255, 255);
  --color-white-alpha20: rgba(255, 255, 255, 0.2);
  --color-white-alpha50: rgba(255, 255, 255, 0.5);

  --color-black: rgb(0, 0, 0);
  --color-black-alpha60: rgba(0, 0, 0, 0.6);
  --color-dark-gray: rgb(118, 118, 118);
  --color-light-gray: rgb(195, 195, 195);

  --color-text: rgb(34, 34, 34);
  --color-text-secondary: var(--color-dark-gray);
  --color-text-disabled: var(--color-light-gray);

  --color-text-link: var(--color-teal);
  --color-text-link-hover: var(--color-teal-hover);
  --color-text-link-pressed: var(--color-teal-pressed);

  --color-border: rgb(170, 170, 170);
  --color-divider: rgb(231, 231, 231);

  --color-background-gray-0: rgb(255, 255, 255);
  --color-background-gray-1: rgb(250, 250, 250);
  --color-background-gray-2: rgb(247, 247, 247);
  --color-background-gray-3: rgb(221, 221, 221);
  --color-background-gray-4: rgb(208, 208, 208);
  --color-background-aquamarine: rgb(242, 251, 249);
  --color-background-app: rgb(244, 248, 252);

  --color-category-lokalny-ryneczek: rgb(84, 158, 57);
  --color-category-elektronika: rgb(73, 85, 255);
  --color-category-moda: rgb(242, 5, 116);
  --color-category-dom-i-ogrod: rgb(245, 147, 28);
  --color-category-supermarket: rgb(84, 158, 57);
  --color-category-uroda: rgb(255, 61, 46);
  --color-category-zdrowie: rgb(3, 169, 244);
  --color-category-dziecko: rgb(250, 150, 144);
  --color-category-kultura-i-rozrywka: rgb(49, 159, 182);
  --color-category-sport-i-turystyka: rgb(171, 71, 188);
  --color-category-motoryzacja: rgb(11, 74, 108);
  --color-category-samochody: rgb(11, 74, 108);
  --color-category-ogloszenia-i-uslugi: rgb(37, 198, 218);
  --color-category-firma: rgb(45, 37, 127);
  --color-category-kolekcje-i-sztuka: rgb(255, 90, 0);
  --color-category-zwierzeta: rgb(200, 40, 19);
  --color-category-gielda-rolna: rgb(97, 122, 85);
  --color-category-nieruchomosci: rgb(4, 87, 98);
  --color-category-firma-i-uslugi: rgb(37, 198, 218);
  --color-category-swieta-i-karnawal: rgb(223, 46, 56);
  --color-category-wiosenne-inspiracje: rgb(205, 20, 205);

  --negative-shadow: 0px -2px 8px rgba(0, 0, 0, 0.16);

  --outline: 2px dotted var(--ml-color-focus-ring);
}
/* Lokalnie theme: light defaults. */
:root {
  /* Semantic roles. */
  --ml-color-background-page: var(--color-background-app);
  --ml-color-surface: var(--color-white);
  --ml-color-surface-raised: var(--color-white);
  --ml-color-surface-muted: var(--color-background-gray-2);
  --ml-color-surface-selected: var(--color-background-aquamarine);
  --ml-color-surface-brand-subtle: var(--color-purple-10);
  --ml-color-surface-info-subtle: var(--color-background-app);
  --ml-color-surface-warning-subtle: #fef6e7;
  --ml-color-surface-error-subtle: var(--color-orange-alpha10);
  --ml-color-text-primary: var(--color-text);
  --ml-color-text-secondary: var(--color-dark-gray);
  --ml-color-text-disabled: var(--color-light-gray);
  --ml-color-icon-primary: var(--color-text);
  --ml-color-icon-secondary: var(--color-dark-gray);
  --ml-color-icon-disabled: var(--color-light-gray);
  --ml-color-smart-foreground: var(--color-smart);
  --ml-color-link: var(--color-text-link);
  --ml-color-link-hover: var(--color-text-link-hover);
  --ml-color-link-pressed: var(--color-text-link-pressed);
  --ml-color-border: var(--color-border);
  --ml-color-border-subtle: var(--color-divider);
  --ml-color-border-disabled: var(--color-light-gray);
  --ml-color-focus-ring: var(--color-teal-hover);
  --ml-color-action-primary-background: var(--color-purple);
  --ml-color-action-primary-background-hover: var(--color-purple-hover);
  --ml-color-action-primary-background-pressed: var(--color-purple-pressed);
  --ml-color-action-primary-loading-hover: var(--color-purple-alpha65);
  --ml-color-action-primary-text: var(--color-white);
  --ml-color-action-secondary-background: var(--color-white);
  --ml-color-action-secondary-text: var(--color-purple);
  --ml-color-action-secondary-text-hover: var(--color-purple-hover);
  --ml-color-action-secondary-text-pressed: var(--color-purple-pressed);
  --ml-color-action-secondary-border: var(--color-purple);
  --ml-color-action-secondary-border-hover: var(--color-purple-hover);
  --ml-color-action-secondary-border-pressed: var(--color-purple-pressed);
  --ml-color-action-disabled-background: var(--color-light-gray);
  --ml-color-action-disabled-text: var(--color-white);
  --ml-color-field-background: var(--color-white);
  --ml-color-field-text: var(--color-text);
  --ml-color-field-placeholder: var(--color-dark-gray);
  --ml-color-field-border: var(--color-border);
  --ml-color-field-border-hover: var(--color-border);
  --ml-color-field-border-focus: var(--color-border);
  --ml-color-field-disabled-text: var(--color-light-gray);
  --ml-color-field-disabled-border: var(--color-light-gray);
  --ml-color-control-background: var(--color-white);
  --ml-color-control-selected: var(--color-teal);
  --ml-color-control-mark: var(--color-white);
  --ml-color-control-track: var(--color-light-gray);
  --ml-color-control-disabled-background: var(--color-light-gray);
  --ml-color-status-info: var(--color-neutral);
  --ml-color-status-success: var(--color-accepted);
  --ml-color-status-warning: var(--color-warning);
  --ml-color-status-error: var(--color-critical);
  --ml-color-badge-text: var(--color-white);
  --ml-color-badge-default-background: var(--color-dark-gray);
  --ml-color-badge-disabled-background: var(--color-light-gray);
  --ml-color-badge-purple-background: var(--color-purple);
  --ml-color-badge-teal-background: var(--color-teal);
  --ml-color-badge-yellow-background: var(--color-yellow);
  --ml-color-badge-orange-background: var(--color-orange);
  --ml-color-badge-info-background: var(--color-neutral);
  --ml-color-badge-success-background: var(--color-accepted);
  --ml-color-badge-error-background: var(--color-critical);
  --ml-color-badge-warning-background: var(--color-warning);
  --ml-color-spinner-secondary-track: var(--color-purple-alpha20);
  --ml-color-spinner-tertiary-track: var(--color-teal-alpha20);
  --ml-color-skeleton: var(--color-background-gray-2);
  --ml-color-overlay: var(--color-black-alpha60);
  --ml-color-popover-arrow: var(--color-white);
  --ml-shadow-surface: 0px 2px 8px rgba(0, 0, 0, 0.16);
  --ml-shadow-raised: 0px 2px 8px rgba(0, 0, 0, 0.16);
  --ml-shadow-bottom-bar: 0px -2px 8px rgba(0, 0, 0, 0.16);

  /* Category accents and backgrounds. */
  --ml-color-category-dom-i-ogrod: #f5941c;
  --ml-color-category-dom-i-ogrod-background: #ffefdd;
  --ml-color-category-dziecko: var(--color-category-dziecko);
  --ml-color-category-dziecko-background: #fff0ef;
  --ml-color-category-elektronika: var(--color-category-elektronika);
  --ml-color-category-elektronika-background: #e4e6ff;
  --ml-color-category-kolekcje-i-sztuka: #be4909;
  --ml-color-category-kolekcje-i-sztuka-background: #f6e4da;
  --ml-color-category-kultura-i-rozrywka: var(--color-category-kultura-i-rozrywka);
  --ml-color-category-kultura-i-rozrywka-background: #e0f1f4;
  --ml-color-category-moda: #ff3d2e;
  --ml-color-category-moda-background: #ffe2e0;
  --ml-color-category-motoryzacja: var(--color-category-motoryzacja);
  --ml-color-category-motoryzacja-background: #e6ecf0;
  --ml-color-category-samochody: var(--color-category-samochody);
  --ml-color-category-samochody-background: #e6ecf0;
  --ml-color-category-sport-i-turystyka: var(--color-category-sport-i-turystyka);
  --ml-color-category-sport-i-turystyka-background: #f3e4f5;
  --ml-color-category-supermarket: var(--color-category-supermarket);
  --ml-color-category-supermarket-background: #e6f1e2;
  --ml-color-category-lokalny-ryneczek: var(--color-category-lokalny-ryneczek);
  --ml-color-category-lokalny-ryneczek-background: #e6f1e2;
  --ml-color-category-uroda: #f20574;
  --ml-color-category-uroda-background: #fddaea;
  --ml-color-category-zdrowie: var(--color-category-zdrowie);
  --ml-color-category-zdrowie-background: #d9f2fe;
  --ml-color-category-ogloszenia-i-uslugi: var(--color-category-ogloszenia-i-uslugi);
  --ml-color-category-ogloszenia-i-uslugi-background: #dff7fa;
  --ml-color-category-firma-i-uslugi: var(--color-category-firma-i-uslugi);
  --ml-color-category-firma-i-uslugi-background: #dff7fa;
  --ml-color-category-zwierzeta: var(--color-category-zwierzeta);
  --ml-color-category-zwierzeta-background: #f7dfdc;
  --ml-color-category-nieruchomosci: var(--color-category-nieruchomosci);
  --ml-color-category-nieruchomosci-background: #c3f5e7;
  --ml-color-category-gielda-rolna: #045762;
  --ml-color-category-gielda-rolna-background: #dcdfaf;
  --ml-color-category-swieta-i-karnawal: var(--color-category-swieta-i-karnawal);
  --ml-color-category-swieta-i-karnawal-background: #f9e1c4;
  --ml-color-category-wiosenne-inspiracje: var(--color-category-wiosenne-inspiracje);
  --ml-color-category-wiosenne-inspiracje-background: #edcdf1;
  --ml-color-category-firma: var(--color-category-firma);
  --ml-color-category-firma-background: #dff7fa;
}
/* Dark changes only. Unchanged tokens inherit the light defaults. */
:root[data-ml-theme='dark'] {
  /* Semantic roles. */
  --ml-color-background-page: #121212;
  --ml-color-surface: #1e1e1e;
  --ml-color-surface-raised: #1e1e1e;
  --ml-color-surface-muted: #2e2e2e;
  --ml-color-surface-selected: #1f312e;
  --ml-color-surface-brand-subtle: #292736;
  --ml-color-surface-info-subtle: #121212;
  --ml-color-surface-warning-subtle: var(--ml-color-surface-muted);
  --ml-color-surface-error-subtle: var(--ml-color-surface-muted);
  --ml-color-text-primary: #ffffff;
  --ml-color-text-secondary: #a0a0a0;
  --ml-color-text-disabled: rgba(255, 255, 255, 0.38);
  --ml-color-icon-primary: #ffffff;
  --ml-color-icon-secondary: #a0a0a0;
  --ml-color-icon-disabled: rgba(255, 255, 255, 0.38);
  --ml-color-smart-foreground: var(--ml-color-action-secondary-text);
  --ml-color-link: #2ab9a3;
  --ml-color-link-hover: #a6d8cc;
  --ml-color-link-pressed: #2ab9a3;
  --ml-color-border: #a0a0a0;
  --ml-color-border-subtle: #2e2e2e;
  --ml-color-border-disabled: rgba(255, 255, 255, 0.38);
  --ml-color-focus-ring: #54a190;
  --ml-color-action-primary-background-hover: #7461a7;
  --ml-color-action-primary-loading-hover: rgba(116, 97, 167, 0.65);
  --ml-color-action-secondary-background: #1e1e1e;
  --ml-color-action-secondary-text: #bab6de;
  --ml-color-action-secondary-text-hover: #cac7e5;
  --ml-color-action-secondary-text-pressed: #e5e3f2;
  --ml-color-action-secondary-border: #bab6de;
  --ml-color-action-secondary-border-hover: #cac7e5;
  --ml-color-action-secondary-border-pressed: #e5e3f2;
  --ml-color-action-disabled-background: rgba(255, 255, 255, 0.12);
  --ml-color-action-disabled-text: rgba(255, 255, 255, 0.38);
  --ml-color-field-background: #1e1e1e;
  --ml-color-field-text: #ffffff;
  --ml-color-field-placeholder: #a0a0a0;
  --ml-color-field-border: #a0a0a0;
  --ml-color-field-border-hover: #a0a0a0;
  --ml-color-field-border-focus: #a0a0a0;
  --ml-color-field-disabled-text: rgba(255, 255, 255, 0.38);
  --ml-color-field-disabled-border: rgba(255, 255, 255, 0.38);
  --ml-color-control-background: #1e1e1e;
  --ml-color-control-selected: #2ab9a3;
  --ml-color-control-mark: #222222;
  --ml-color-control-track: rgba(255, 255, 255, 0.38);
  --ml-color-control-disabled-background: rgba(255, 255, 255, 0.38);
  --ml-color-status-info: #5e7bbf;
  --ml-color-status-success: #65ca58;
  --ml-color-status-warning: #ffd157;
  --ml-color-status-error: #f2603c;
  --ml-color-badge-default-background: #404040;
  --ml-color-badge-disabled-background: #666666;
  --ml-color-badge-purple-background: #5540a9;
  --ml-color-badge-teal-background: #00685d;
  --ml-color-badge-yellow-background: #765000;
  --ml-color-badge-orange-background: #c03a00;
  --ml-color-badge-info-background: #375b8c;
  --ml-color-badge-success-background: #2f712b;
  --ml-color-badge-error-background: #a6321e;
  --ml-color-badge-warning-background: #705600;
  --ml-color-spinner-secondary-track: #554e70;
  --ml-color-spinner-tertiary-track: #14584d;
  --ml-color-skeleton: #2e2e2e;
  --ml-color-popover-arrow: var(--ml-color-surface);
  --ml-shadow-surface: 0px 2px 8px rgba(0, 0, 0, 0.24);
  --ml-shadow-raised: 0px 2px 8px rgba(0, 0, 0, 0.24);
  --ml-shadow-bottom-bar: 0px -2px 8px rgba(0, 0, 0, 0.24);

  /* Category accents and backgrounds. */
  --ml-color-category-dom-i-ogrod-background: #473522;
  --ml-color-category-dziecko-background: #472422;
  --ml-color-category-elektronika: #7982ff;
  --ml-color-category-elektronika-background: #222547;
  --ml-color-category-kolekcje-i-sztuka: #f57833;
  --ml-color-category-kolekcje-i-sztuka-background: #433026;
  --ml-color-category-kultura-i-rozrywka: #36b0c9;
  --ml-color-category-kultura-i-rozrywka-background: #293c3f;
  --ml-color-category-moda: #ff5e51;
  --ml-color-category-moda-background: #472422;
  --ml-color-category-motoryzacja: #28a6e9;
  --ml-color-category-motoryzacja-background: #2b363e;
  --ml-color-category-samochody: #28a6e9;
  --ml-color-category-samochody-background: #2b363e;
  --ml-color-category-sport-i-turystyka: #c47dd0;
  --ml-color-category-sport-i-turystyka-background: #3d293f;
  --ml-color-category-supermarket: #61b742;
  --ml-color-category-supermarket-background: #303e2b;
  --ml-color-category-lokalny-ryneczek: #61b742;
  --ml-color-category-lokalny-ryneczek-background: #303e2b;
  --ml-color-category-uroda: #fc56a3;
  --ml-color-category-uroda-background: #472233;
  --ml-color-category-zdrowie: #03aaf5;
  --ml-color-category-zdrowie-background: #223b47;
  --ml-color-category-ogloszenia-i-uslugi-background: #234245;
  --ml-color-category-firma-i-uslugi-background: #234245;
  --ml-color-category-zwierzeta: #f06f5e;
  --ml-color-category-zwierzeta-background: #432926;
  --ml-color-category-nieruchomosci: #09bad1;
  --ml-color-category-nieruchomosci-background: #23453c;
  --ml-color-category-gielda-rolna: #08b7ce;
  --ml-color-category-gielda-rolna-background: #3d3e2a;
  --ml-color-category-swieta-i-karnawal: #ec848a;
  --ml-color-category-swieta-i-karnawal-background: #473622;
  --ml-color-category-wiosenne-inspiracje: #ee54ee;
  --ml-color-category-wiosenne-inspiracje-background: #3f2742;
  --ml-color-category-firma: #928bdd;
  --ml-color-category-firma-background: #234245;
}
body.lokalnie-metrum-variant {
  --border-radius: 8px;
  --shadow: 0px 2px 8px rgba(0, 0, 0, 0.16);
}
body.allegro-metrum-variant {
  --border-radius: 0px;
  --shadow: none;
  --color-border: rgba(0, 0, 0, 0.54);
  --color-background-app: rgba(236, 239, 241, 1);
  --ml-color-border: var(--color-border);
  --ml-color-background-page: var(--color-background-app);
}