/* ScaiGit theme for Forgejo — generated by configs/branding (see
   scripts/forgejo-branding.sh). Only the primary colour ramp and the font
   are overridden; everything else is Forgejo's own theme, imported below,
   so upgrades keep working. The ramp is the console's teal (#197474) in
   OKLCH steps, laid out exactly like Forgejo's orange ramp. */
@import "theme-forgejo-auto.css";

@font-face { font-family: "Blogger Sans"; src: url("../fonts/BloggerSans-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: "Blogger Sans"; src: url("../fonts/BloggerSans-LightItalic.woff") format("woff"); font-weight: 300; font-style: italic; font-display: swap; }
@font-face { font-family: "Blogger Sans"; src: url("../fonts/BloggerSans.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Blogger Sans"; src: url("../fonts/BloggerSans-Italic.woff") format("woff"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "Blogger Sans"; src: url("../fonts/BloggerSans-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Blogger Sans"; src: url("../fonts/BloggerSans-MediumItalic.woff") format("woff"); font-weight: 500; font-style: italic; font-display: swap; }
@font-face { font-family: "Blogger Sans"; src: url("../fonts/BloggerSans-Bold.woff") format("woff"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Blogger Sans"; src: url("../fonts/BloggerSans-BoldItalic.woff") format("woff"); font-weight: 700; font-style: italic; font-display: swap; }
html:root { --fonts-override: "Blogger Sans", var(--fonts-proportional); font-size: 15px; }

:root {
  --color-primary: #197474;
  --color-primary-contrast: #ffffff;
  --color-primary-dark-1: #197474;
  --color-primary-dark-2: #0f5555;
  --color-primary-dark-3: #0f5555;
  --color-primary-dark-4: #033e3e;
  --color-primary-dark-5: #033e3e;
  --color-primary-dark-6: #033e3e;
  --color-primary-dark-7: #033e3e;
  --color-primary-light-1: #358989;
  --color-primary-light-2: #4c9f9e;
  --color-primary-light-3: #66b8b7;
  --color-primary-light-4: #8acccb;
  --color-primary-light-5: #abe0df;
  --color-primary-light-6: #c9f1f0;
  --color-primary-light-7: #dcfdfc;
  --color-primary-alpha-10: #1974741a;
  --color-primary-alpha-20: #19747433;
  --color-primary-alpha-30: #1974744c;
  --color-primary-alpha-40: #19747466;
  --color-primary-alpha-50: #1974747f;
  --color-primary-alpha-60: #19747499;
  --color-primary-alpha-70: #197474b2;
  --color-primary-alpha-80: #197474cc;
  --color-primary-alpha-90: #197474e5;
}
@media (prefers-color-scheme: dark) {
:root {
  --color-primary: #66b8b7;
  --color-primary-contrast: #000000;
  --color-primary-dark-1: #8acccb;
  --color-primary-dark-2: #8acccb;
  --color-primary-dark-3: #abe0df;
  --color-primary-dark-4: #abe0df;
  --color-primary-dark-5: #c9f1f0;
  --color-primary-dark-6: #c9f1f0;
  --color-primary-dark-7: #dcfdfc;
  --color-primary-light-1: #4c9f9e;
  --color-primary-light-2: #358989;
  --color-primary-light-3: #197474;
  --color-primary-light-4: #0f5555;
  --color-primary-light-5: #0f5555;
  --color-primary-light-6: #033e3e;
  --color-primary-light-7: #033e3e;
  --color-primary-alpha-10: #66b8b71a;
  --color-primary-alpha-20: #66b8b733;
  --color-primary-alpha-30: #66b8b74c;
  --color-primary-alpha-40: #66b8b766;
  --color-primary-alpha-50: #66b8b77f;
  --color-primary-alpha-60: #66b8b799;
  --color-primary-alpha-70: #66b8b7b2;
  --color-primary-alpha-80: #66b8b7cc;
  --color-primary-alpha-90: #66b8b7e5;
}
}