:root {
  --color-transparent-hover: rgb(0 0 0 / 0.03);

  --color-background: 255 255 255;
  --color-background-alt: 251 251 251;
  --color-background-alt2: 23 92 219;
  --color-background-alt3: 18 82 163;
  --color-background-alt4: 13 60 119;

  --color-primary-300: 103 149 232;
  --color-primary-500: 23 93 220;
  --color-primary-700: 18 82 163;

  --color-secondary-100: 240 240 240;
  --color-secondary-300: 206 212 220;
  --color-secondary-500: 137 146 159;
  --color-secondary-700: 33 37 41;

  --color-success-500: 1 126 69;
  --color-success-700: 0 85 46;

  --color-danger-500: 200 53 34;
  --color-danger-700: 152 41 27;

  --color-warning-500: 139 102 9;
  --color-warning-700: 105 77 5;

  --color-info-500: 85 85 85;
  --color-info-700: 59 58 58;

  --color-text-main: 33 37 41;
  --color-text-muted: 109 117 126;
  --color-text-contrast: 255 255 255;
  --color-text-alt2: 255 255 255;
  --color-text-code: 192 17 118;

  --tw-ring-offset-color: #ffffff;
}

.theme_light {
  /* should be left empty as white is the default */
}

.theme_dark {
  --color-transparent-hover: rgb(255 255 255 / 0.12);

  --color-background: 31 36 46;
  --color-background-alt: 22 28 38;
  --color-background-alt2: 47 52 61;
  --color-background-alt3: 47 52 61;
  --color-background-alt4: 16 18 21;

  --color-primary-300: 23 93 220;
  --color-primary-500: 106 153 240;
  --color-primary-700: 180 204 249;

  --color-secondary-100: 47 52 61;
  --color-secondary-300: 110 118 137;
  --color-secondary-500: 186 192 206;
  --color-secondary-700: 255 255 255;

  --color-success-500: 82 224 124;
  --color-success-700: 168 239 190;

  --color-danger-500: 255 141 133;
  --color-danger-700: 255 191 187;

  --color-warning-500: 255 235 102;
  --color-warning-700: 255 245 179;

  --color-info-500: 164 176 198;
  --color-info-700: 209 215 226;

  --color-text-main: 255 255 255;
  --color-text-muted: 186 192 206;
  --color-text-contrast: 25 30 38;
  --color-text-alt2: 255 255 255;
  --color-text-code: 240 141 199;

  --tw-ring-offset-color: #1f242e;
}

.theme_nord {
  --color-transparent-hover: rgb(255 255 255 / 0.12);

  --color-background: 67 76 94;
  --color-background-alt: 59 66 82;
  --color-background-alt2: 76 86 106;
  --color-background-alt3: 76 86 106;
  --color-background-alt4: 67 76 94;

  --color-primary-300: 108 153 166;
  --color-primary-500: 136 192 208;
  --color-primary-700: 160 224 242;

  --color-secondary-100: 76 86 106;
  --color-secondary-300: 94 105 125;
  --color-secondary-500: 216 222 233;
  --color-secondary-700: 255 255 255;

  --color-success-500: 163 190 140;
  --color-success-700: 144 170 122;

  --color-danger-500: 228 129 139;
  --color-danger-700: 191 97 106;

  --color-warning-500: 235 203 139;
  --color-warning-700: 210 181 121;

  --color-info-500: 129 161 193;
  --color-info-700: 94 129 172;

  --color-text-main: 229 233 240;
  --color-text-muted: 216 222 233;
  --color-text-contrast: 46 52 64;
  --color-text-alt2: 255 255 255;
  --color-text-code: 219 177 211;

  --tw-ring-offset-color: #434c5e;
}

.theme_solarized {
  --color-transparent-hover: rgb(255 255 255 / 0.12);

  --color-background: 0 43 54;
  --color-background-alt: 7 54 66;
  --color-background-alt2: 31 72 87;
  --color-background-alt3: 31 72 87;
  --color-background-alt4: 0 43 54;

  --color-primary-300: 42 161 152;
  --color-primary-500: 133 153 0;
  --color-primary-700: 192 203 123;

  --color-secondary-100: 31 72 87;
  --color-secondary-300: 101 123 131;
  --color-secondary-500: 131 148 150;
  --color-secondary-700: 238 232 213;

  --color-success-500: 133 153 0;
  --color-success-700: 192 203 123;

  --color-danger-500: 220 50 47;
  --color-danger-700: 223 135 134;

  --color-warning-500: 181 137 0;
  --color-warning-700: 220 189 92;

  --color-info-500: 133 153 0;
  --color-info-700: 192 203 123;

  --color-text-main: 253 246 227;
  --color-text-muted: 147 161 161;
  --color-text-contrast: 0 43 54;
  --color-text-alt2: 255 255 255;
  --color-text-code: 240 141 199;

  --tw-ring-offset-color: #002b36;
}

@import "./search/search.component.css";