/* Generated by build/generate.py from tokens/tokens.json. Do not edit by hand. */

@define-color pitaloka_bg_window #F5F6FA;
@define-color pitaloka_bg_sidebar #F7F8FA;
@define-color pitaloka_bg_card #FFFFFF;
@define-color pitaloka_bg_field #EFF0F3;
@define-color pitaloka_bg_hover #E9EAEE;
@define-color pitaloka_bg_selected #E2E4E9;
@define-color pitaloka_text_primary #17191D;
@define-color pitaloka_text_secondary #6B7280;
@define-color pitaloka_text_tertiary #9BA1AC;
@define-color pitaloka_text_on_accent #FFFFFF;
@define-color pitaloka_border #E1E4E9;
@define-color pitaloka_divider #ECEEF1;
@define-color pitaloka_track_off #D6D8DE;
@define-color pitaloka_accent #3385FF;
@define-color pitaloka_accent_hover #2B73E6;
@define-color pitaloka_accent_soft #E8F1FF;
@define-color pitaloka_success #2FB457;
@define-color pitaloka_warning #F0A030;
@define-color pitaloka_danger #E8453C;
@define-color pitaloka_caution_text #C2501E;
@define-color pitaloka_tile_blue #2D7CF6;
@define-color pitaloka_tile_indigo #5B5BE6;
@define-color pitaloka_tile_cyan #17B8CE;
@define-color pitaloka_tile_green #2FB457;
@define-color pitaloka_tile_orange #F0893A;
@define-color pitaloka_tile_red #F0555E;
@define-color pitaloka_tile_pink #D858C8;
@define-color pitaloka_tile_purple #7B61FF;
@define-color pitaloka_tile_gray #7A818C;

window.settings { background: @pitaloka_bg_window; }

headerbar {
  min-height: 48px;
  background: @pitaloka_bg_window;
  box-shadow: none;
}

.sidebar {
  min-width: 236px;
  background: @pitaloka_bg_sidebar;
  border-right: 1px solid @pitaloka_border;
}
.sidebar row { border-radius: 8px; padding: 7px 10px; }
.sidebar row:selected { background: @pitaloka_bg_selected; font-weight: 500; }

listbox.boxed-list {
  background: @pitaloka_bg_card;
  border-radius: 12px;
}
.boxed-list > row {
  min-height: 44px;
  padding: 12px 16px;
}
.boxed-list > row:hover { background: @pitaloka_bg_hover; }
.boxed-list > row:active { background: @pitaloka_bg_selected; }
.boxed-list > row + row { border-top: 1px solid @pitaloka_divider; }

button {
  min-height: 36px;
  border-radius: 8px;
  padding: 9px 18px;
  font-weight: 500;
}
button.suggested-action { background: @pitaloka_accent; color: @pitaloka_text_on_accent; }
button.suggested-action:hover { background: @pitaloka_accent_hover; }
button.destructive-action { background: @pitaloka_danger; color: @pitaloka_text_on_accent; }
button:disabled { background: @pitaloka_bg_field; color: @pitaloka_text_tertiary; }

entry {
  background: @pitaloka_bg_field;
  border-radius: 8px;
  min-height: 36px;
  padding: 0 12px;
}
entry:focus-within {
  outline: 2px solid @pitaloka_accent;
  outline-offset: 2px;
}

switch { min-width: 44px; min-height: 26px; }
switch:checked { background: @pitaloka_accent; }

scale trough { min-height: 4px; background: @pitaloka_track_off; }
scale highlight { background: @pitaloka_accent; }
scale slider { min-width: 18px; min-height: 18px; }

popover > contents {
  background: @pitaloka_bg_card;
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(10, 15, 26, 0.17);
}
.pill { border-radius: 999px; background: @pitaloka_accent_soft; color: @pitaloka_accent; }

/* Dark */
.dark {
  @define-color pitaloka_bg_window #1B1B1D;
  @define-color pitaloka_bg_sidebar #222224;
  @define-color pitaloka_bg_card #2C2C2E;
  @define-color pitaloka_bg_field #3A3A3C;
  @define-color pitaloka_bg_hover #3A3A3C;
  @define-color pitaloka_bg_selected #3F3F43;
  @define-color pitaloka_text_primary #F2F2F5;
  @define-color pitaloka_text_secondary #9D9DA5;
  @define-color pitaloka_text_tertiary #76767C;
  @define-color pitaloka_text_on_accent #FFFFFF;
  @define-color pitaloka_border #3A3A3C;
  @define-color pitaloka_divider #343436;
  @define-color pitaloka_track_off #4A4A4E;
  @define-color pitaloka_accent #0A84FF;
  @define-color pitaloka_accent_hover #2B95FF;
  @define-color pitaloka_accent_soft #15345C;
  @define-color pitaloka_success #2FB457;
  @define-color pitaloka_warning #F0A030;
  @define-color pitaloka_danger #FF453A;
  @define-color pitaloka_caution_text #FF9F6A;
  @define-color pitaloka_tile_blue #2D7CF6;
  @define-color pitaloka_tile_indigo #5B5BE6;
  @define-color pitaloka_tile_cyan #17B8CE;
  @define-color pitaloka_tile_green #2FB457;
  @define-color pitaloka_tile_orange #F0893A;
  @define-color pitaloka_tile_red #F0555E;
  @define-color pitaloka_tile_pink #D858C8;
  @define-color pitaloka_tile_purple #7B61FF;
  @define-color pitaloka_tile_gray #7A818C;
}