/* Generated from tokens/polecajki.tokens.json. Do not edit by hand. */
:root, body.theme-light {
  --color-background-page: #FFFFFF;
  --color-background-card: #F0F0F2;
  --color-background-card-interactive: #D8D7DC;
  --color-background-selected: #FEC401;
  --color-background-input: #FFFFFF;
  --color-background-brand-subtle: #FFF4C2;
  --color-text-primary: #0D0C22;
  --color-text-secondary: #6C757D;
  --color-text-on-brand: #0D0C22;
  --color-text-on-avatar: #0D0C22;
  --color-text-link: #2457A6;
  --color-border-default: #D8D7DC;
  --color-border-strong: #303030;
  --color-border-focus: #4E4217;
  --color-action-primary-background: #FEC401;
  --color-action-primary-hover: #FF9C01;
  --color-action-primary-pressed: #E58B00;
  --color-action-primary-text: #0D0C22;
  --color-action-primary-border: #FEC401;
  --color-action-secondary-background: #F0F0F2;
  --color-action-secondary-hover: #D8D7DC;
  --color-action-secondary-pressed: #C8C7CC;
  --color-action-secondary-text: #0D0C22;
  --color-action-secondary-border: #D8D7DC;
  --color-action-tertiary-background: transparent;
  --color-action-tertiary-hover: #F0F0F2;
  --color-action-tertiary-pressed: #D8D7DC;
  --color-action-tertiary-text: #0D0C22;
  --color-action-tertiary-border: transparent;
  --color-action-outline-background: transparent;
  --color-action-outline-hover: #F0F0F2;
  --color-action-outline-pressed: #D8D7DC;
  --color-action-outline-text: #0D0C22;
  --color-action-outline-border: #6C757D;
  --color-action-danger-background: #FBE9E7;
  --color-action-danger-hover: #F2CECA;
  --color-action-danger-pressed: #E8B7B1;
  --color-action-danger-text: #B3261E;
  --color-action-danger-border: #B3261E;
  --color-action-disabled-background: #EEEEEE;
  --color-action-disabled-hover: #EEEEEE;
  --color-action-disabled-pressed: #EEEEEE;
  --color-action-disabled-text: #6C757D;
  --color-action-disabled-border: #D8D7DC;
  --color-feedback-error-background: #FBE9E7;
  --color-feedback-error-text: #B3261E;
  --color-feedback-error-border: #B3261E;
  --color-feedback-success-background: #E6F4EA;
  --color-feedback-success-text: #216E39;
  --color-feedback-success-border: #216E39;
  --color-feedback-info-background: #E8F0FE;
  --color-feedback-info-text: #2457A6;
  --color-feedback-info-border: #2457A6;
  --color-feedback-warning-background: #FFF4C2;
  --color-feedback-warning-text: #6A4A00;
  --color-feedback-warning-border: #6A4A00;
  --css-background-primary-1: var(--color-background-page);
  --css-background-primary-2: var(--color-background-card);
  --css-background-secondary-1: var(--color-background-card);
  --css-background-secondary-2: var(--color-background-card-interactive);
  --css-background-accent-1: var(--color-action-primary-background);
  --css-background-accent-2: var(--color-action-primary-hover);
  --css-font-primary-1: var(--color-text-primary);
  --css-font-primary-2: var(--color-text-primary);
  --css-font-secondary-1: var(--color-text-secondary);
  --css-font-secondary-2: var(--color-text-secondary);
  --css-font-accent-1: var(--color-action-primary-text);
  --css-font-notice: var(--color-feedback-info-text);
  --css-font-error: var(--color-feedback-error-text);
  --css-font-success: var(--color-feedback-success-text);
  --css-background-blue-notice-background: var(--color-feedback-info-background);
  --css-background-green-notice-background: var(--color-feedback-success-background);
  --css-background-red-notice-background: var(--color-feedback-error-background);
}
html.dark body, body.dark {
  --color-background-page: #111111;
  --color-background-card: #1D1D1D;
  --color-background-card-interactive: #333333;
  --color-background-selected: #FEC401;
  --color-background-input: #1D1D1D;
  --color-background-brand-subtle: #332900;
  --color-text-primary: #F4F4F4;
  --color-text-secondary: #D1D1D1;
  --color-text-on-brand: #1D1D1B;
  --color-text-on-avatar: #1D1D1B;
  --color-text-link: #91B7FF;
  --color-border-default: #3D3D3F;
  --color-border-strong: #666666;
  --color-border-focus: #FEC401;
  --color-action-primary-background: #FEC401;
  --color-action-primary-hover: #FF9C01;
  --color-action-primary-pressed: #D88900;
  --color-action-primary-text: #0D0C22;
  --color-action-primary-border: #FEC401;
  --color-action-secondary-background: #222222;
  --color-action-secondary-hover: #333333;
  --color-action-secondary-pressed: #444444;
  --color-action-secondary-text: #F4F4F4;
  --color-action-secondary-border: #3D3D3F;
  --color-action-tertiary-background: transparent;
  --color-action-tertiary-hover: #222222;
  --color-action-tertiary-pressed: #333333;
  --color-action-tertiary-text: #F4F4F4;
  --color-action-tertiary-border: transparent;
  --color-action-outline-background: transparent;
  --color-action-outline-hover: #222222;
  --color-action-outline-pressed: #333333;
  --color-action-outline-text: #F4F4F4;
  --color-action-outline-border: #AAAAAA;
  --color-action-danger-background: #3A1F1F;
  --color-action-danger-hover: #4B2525;
  --color-action-danger-pressed: #5A2A2A;
  --color-action-danger-text: #F2B8B5;
  --color-action-danger-border: #F2B8B5;
  --color-action-disabled-background: #222222;
  --color-action-disabled-hover: #222222;
  --color-action-disabled-pressed: #222222;
  --color-action-disabled-text: #999999;
  --color-action-disabled-border: #333333;
  --color-feedback-error-background: #3A1F1F;
  --color-feedback-error-text: #F2B8B5;
  --color-feedback-error-border: #F2B8B5;
  --color-feedback-success-background: #183323;
  --color-feedback-success-text: #9AD5A8;
  --color-feedback-success-border: #9AD5A8;
  --color-feedback-info-background: #1B2B45;
  --color-feedback-info-text: #A9C7FF;
  --color-feedback-info-border: #A9C7FF;
  --color-feedback-warning-background: #332900;
  --color-feedback-warning-text: #F2D77A;
  --color-feedback-warning-border: #F2D77A;
  --css-background-primary-1: var(--color-background-page);
  --css-background-primary-2: var(--color-background-card);
  --css-background-secondary-1: var(--color-background-card);
  --css-background-secondary-2: var(--color-background-card-interactive);
  --css-background-accent-1: var(--color-action-primary-background);
  --css-background-accent-2: var(--color-action-primary-hover);
  --css-font-primary-1: var(--color-text-primary);
  --css-font-primary-2: var(--color-text-primary);
  --css-font-secondary-1: var(--color-text-secondary);
  --css-font-secondary-2: var(--color-text-secondary);
  --css-font-accent-1: var(--color-action-primary-text);
  --css-font-notice: var(--color-feedback-info-text);
  --css-font-error: var(--color-feedback-error-text);
  --css-font-success: var(--color-feedback-success-text);
  --css-background-blue-notice-background: var(--color-feedback-info-background);
  --css-background-green-notice-background: var(--color-feedback-success-background);
  --css-background-red-notice-background: var(--color-feedback-error-background);
}
@media (prefers-color-scheme: dark) {
  body.auto {
    --color-background-page: #111111;
    --color-background-card: #1D1D1D;
    --color-background-card-interactive: #333333;
    --color-background-selected: #FEC401;
    --color-background-input: #1D1D1D;
    --color-background-brand-subtle: #332900;
    --color-text-primary: #F4F4F4;
    --color-text-secondary: #D1D1D1;
    --color-text-on-brand: #1D1D1B;
    --color-text-on-avatar: #1D1D1B;
    --color-text-link: #91B7FF;
    --color-border-default: #3D3D3F;
    --color-border-strong: #666666;
    --color-border-focus: #FEC401;
    --color-action-primary-background: #FEC401;
    --color-action-primary-hover: #FF9C01;
    --color-action-primary-pressed: #D88900;
    --color-action-primary-text: #0D0C22;
    --color-action-primary-border: #FEC401;
    --color-action-secondary-background: #222222;
    --color-action-secondary-hover: #333333;
    --color-action-secondary-pressed: #444444;
    --color-action-secondary-text: #F4F4F4;
    --color-action-secondary-border: #3D3D3F;
    --color-action-tertiary-background: transparent;
    --color-action-tertiary-hover: #222222;
    --color-action-tertiary-pressed: #333333;
    --color-action-tertiary-text: #F4F4F4;
    --color-action-tertiary-border: transparent;
    --color-action-outline-background: transparent;
    --color-action-outline-hover: #222222;
    --color-action-outline-pressed: #333333;
    --color-action-outline-text: #F4F4F4;
    --color-action-outline-border: #AAAAAA;
    --color-action-danger-background: #3A1F1F;
    --color-action-danger-hover: #4B2525;
    --color-action-danger-pressed: #5A2A2A;
    --color-action-danger-text: #F2B8B5;
    --color-action-danger-border: #F2B8B5;
    --color-action-disabled-background: #222222;
    --color-action-disabled-hover: #222222;
    --color-action-disabled-pressed: #222222;
    --color-action-disabled-text: #999999;
    --color-action-disabled-border: #333333;
    --color-feedback-error-background: #3A1F1F;
    --color-feedback-error-text: #F2B8B5;
    --color-feedback-error-border: #F2B8B5;
    --color-feedback-success-background: #183323;
    --color-feedback-success-text: #9AD5A8;
    --color-feedback-success-border: #9AD5A8;
    --color-feedback-info-background: #1B2B45;
    --color-feedback-info-text: #A9C7FF;
    --color-feedback-info-border: #A9C7FF;
    --color-feedback-warning-background: #332900;
    --color-feedback-warning-text: #F2D77A;
    --color-feedback-warning-border: #F2D77A;
    --css-background-primary-1: var(--color-background-page);
    --css-background-primary-2: var(--color-background-card);
    --css-background-secondary-1: var(--color-background-card);
    --css-background-secondary-2: var(--color-background-card-interactive);
    --css-background-accent-1: var(--color-action-primary-background);
    --css-background-accent-2: var(--color-action-primary-hover);
    --css-font-primary-1: var(--color-text-primary);
    --css-font-primary-2: var(--color-text-primary);
    --css-font-secondary-1: var(--color-text-secondary);
    --css-font-secondary-2: var(--color-text-secondary);
    --css-font-accent-1: var(--color-action-primary-text);
    --css-font-notice: var(--color-feedback-info-text);
    --css-font-error: var(--color-feedback-error-text);
    --css-font-success: var(--color-feedback-success-text);
    --css-background-blue-notice-background: var(--color-feedback-info-background);
    --css-background-green-notice-background: var(--color-feedback-success-background);
    --css-background-red-notice-background: var(--color-feedback-error-background);
  }
}