html:has(body.theme-default),
html:has(body.theme-mastodon-bird-ui-dark),
html:has(body.theme-mastodon-light),
html:has(body.theme-mastodon-bird-ui-light),
body.theme-default,
body.theme-mastodon-bird-ui-dark,
body.theme-mastodon-light,
body.theme-mastodon-bird-ui-light {
  --color-brand-longwhile: #efc20e;
  --color-brand-longwhile-hover: #9a7605;
  --color-on-brand: #333a40;
  --color-post-button-text: #333a40;
  --color-brand-longwhile-favourite: #ffbe2e;
}

html:has(body.theme-default),
html:has(body.theme-mastodon-bird-ui-dark),
body.theme-default,
body.theme-mastodon-bird-ui-dark {
  --background-color: #212121;
  --color-bg: #212121;
  --color-column: #212121;
  --color-dark: #212121;
  --color-bg-compose-form: #212121d9;
  --color-bg-compose-form-focus: #212121;
  --color-noti-hover: #212121d9;
  --color-modal-overlay: #212121d9;
  --color-bg-75: #212121d9;
  --color-bg-90: #212121d9;
  --color-border: #5b6268;
  --color-button-border: #efc20e;
  --color-thread-line: #fad665;
  --color-fg: #fafafa;
  --color-light-text: #fafafa;
  --color-column-link: #fafafa;
  --color-brand-longwhile-dim: #9e9e9e;
  --color-link: #efc20e;
  --color-column-link-hover: #9a7605;
}

html:has(body.theme-mastodon-light),
html:has(body.theme-mastodon-bird-ui-light),
body.theme-mastodon-light,
body.theme-mastodon-bird-ui-light {
  --background-color: #fafafa;
  --color-bg: #fafafa;
  --color-column: #fafafa;
  --color-dark: #fafafa;
  --color-bg-compose-form: #fafafae0;
  --color-bg-compose-form-focus: #fafafa;
  --color-noti-hover: #fafafae0;
  --color-modal-overlay: #fafafae0;
  --color-bg-75: #fafafae0;
  --color-bg-90: #fafafae0;
  --color-border: #c6d2de;
  --color-button-border: #efc20e;
  --color-thread-line: #9a7605;
  --color-fg: #222222;
  --color-light-text: #222222;
  --color-column-link: #333a40;
  --color-brand-longwhile-dim: #6b7278;
  --color-link: #9a7605;
  --color-column-link-hover: #9a7605;
}

html:has(body.theme-default),
html:has(body.theme-mastodon-bird-ui-dark),
body.theme-default,
body.theme-mastodon-bird-ui-dark {
  --lw-brand-strong: #9a7605;
  --lw-highlight-text: #f3cd33;
  --lw-brand-a00: rgba(239, 194, 14, 0.0);
  --lw-brand-a05: rgba(239, 194, 14, 0.05);
  --lw-brand-a10: rgba(239, 194, 14, 0.1);
  --lw-brand-a12: rgba(239, 194, 14, 0.12);
  --lw-brand-a15: rgba(239, 194, 14, 0.15);
  --lw-brand-a20: rgba(239, 194, 14, 0.2);
  --lw-brand-a22: rgba(239, 194, 14, 0.22);
  --lw-brand-a23: rgba(239, 194, 14, 0.23);
  --lw-brand-a30: rgba(239, 194, 14, 0.3);
  --lw-brand-a40: rgba(239, 194, 14, 0.4);
  --lw-brand-a50: rgba(239, 194, 14, 0.5);
  --lw-brand-a60: rgba(239, 194, 14, 0.6);
  --lw-brand-a70: rgba(239, 194, 14, 0.7);
  --lw-brand-a80: rgba(239, 194, 14, 0.8);
  --lw-brand-a90: rgba(239, 194, 14, 0.9);
  --lw-brand-a100: #efc20e;
  --lw-brand-l4: #f2c81f;
  --lw-brand-l5: #f2c924;
  --lw-brand-l8: #f3cd33;
  --lw-brand-l10: #f4cf3c;
  --lw-brand-d5: #d7ae0d;
  --lw-text-a10: rgba(243, 205, 51, 0.1);
  --lw-text-a15: rgba(243, 205, 51, 0.15);
  --lw-text-a20: rgba(243, 205, 51, 0.2);
  --lw-text-a25: rgba(243, 205, 51, 0.25);
  --lw-text-a30: rgba(243, 205, 51, 0.3);
  --lw-text-a40: rgba(243, 205, 51, 0.4);
  --lw-text-l4: #f4d146;
  --lw-text-l6: #f5d450;
  --lw-text-l8: #f5d659;
  --lw-text-l13: #f7dc71;
  --lw-brand-tint80: #fcf3cf;
  --lw-brand-base0-95: #2b2925;
  --lw-brand-base4-95: #34322f;
  --lw-brand-base8-95: #3d3b3a;
  --lw-brand-base8-80: #595033;
  --lw-brand-base12-80: #61583b;
}

html:has(body.theme-mastodon-light),
html:has(body.theme-mastodon-bird-ui-light),
body.theme-mastodon-light,
body.theme-mastodon-bird-ui-light {
  --lw-brand-strong: #9a7605;
  --lw-highlight-text: #efc20e;
  --lw-brand-a00: rgba(239, 194, 14, 0.0);
  --lw-brand-a05: rgba(239, 194, 14, 0.05);
  --lw-brand-a10: rgba(239, 194, 14, 0.1);
  --lw-brand-a12: rgba(239, 194, 14, 0.12);
  --lw-brand-a15: rgba(239, 194, 14, 0.15);
  --lw-brand-a20: rgba(239, 194, 14, 0.2);
  --lw-brand-a22: rgba(239, 194, 14, 0.22);
  --lw-brand-a23: rgba(239, 194, 14, 0.23);
  --lw-brand-a30: rgba(239, 194, 14, 0.3);
  --lw-brand-a40: rgba(239, 194, 14, 0.4);
  --lw-brand-a50: rgba(239, 194, 14, 0.5);
  --lw-brand-a60: rgba(239, 194, 14, 0.6);
  --lw-brand-a70: rgba(239, 194, 14, 0.7);
  --lw-brand-a80: rgba(239, 194, 14, 0.8);
  --lw-brand-a90: rgba(239, 194, 14, 0.9);
  --lw-brand-a100: #efc20e;
  --lw-brand-l4: #dcb20d;
  --lw-brand-l5: #d7ae0d;
  --lw-brand-l8: #c8a30c;
  --lw-brand-l10: #bf9b0b;
  --lw-brand-d5: #f2c924;
  --lw-text-a10: rgba(239, 194, 14, 0.1);
  --lw-text-a15: rgba(239, 194, 14, 0.15);
  --lw-text-a20: rgba(239, 194, 14, 0.2);
  --lw-text-a25: rgba(239, 194, 14, 0.25);
  --lw-text-a30: rgba(239, 194, 14, 0.3);
  --lw-text-a40: rgba(239, 194, 14, 0.4);
  --lw-text-l4: #dcb20d;
  --lw-text-l6: #d2ab0c;
  --lw-text-l8: #c8a30c;
  --lw-text-l13: #b08f0a;
  --lw-brand-tint80: #fcf3cf;
  --lw-brand-base0-95: #fefcf3;
  --lw-brand-base4-95: #f5f2e9;
  --lw-brand-base8-95: #ebe9e0;
  --lw-brand-base8-80: #ebe2be;
  --lw-brand-base12-80: #e3dab6;
}

body.theme-default.app-body,
body.theme-mastodon-bird-ui-dark.app-body {
  background-image: url("/system/site_uploads/files/000/000/005/original/2ba53456cfa0ae34.webp");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

body.theme-mastodon-light.app-body,
body.theme-mastodon-bird-ui-light.app-body {
  background-image: url("/system/site_uploads/files/000/000/006/original/2e001c8247652ac3.webp");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

html:has(body.theme-default),
html:has(body.theme-mastodon-bird-ui-dark),
html:has(body.theme-mastodon-light),
html:has(body.theme-mastodon-bird-ui-light),
body.theme-default,
body.theme-mastodon-bird-ui-dark,
body.theme-mastodon-light,
body.theme-mastodon-bird-ui-light {
  --logo: url("/system/site_uploads/files/000/000/007/original/6d583d650a95b7fc.png");
  --m-logo: url("/system/site_uploads/files/000/000/008/original/cfc64b0e7c943cff.png");
}

body.theme-mastodon-light img.logo--wordmark,
body.theme-mastodon-bird-ui-light img.logo--wordmark {
  content: url("/system/site_uploads/files/000/000/007/original/6d583d650a95b7fc.png");
}

body.theme-mastodon-light img.logo--icon,
body.theme-mastodon-bird-ui-light img.logo--icon {
  content: url("/system/site_uploads/files/000/000/008/original/cfc64b0e7c943cff.png");
}

