/* palette: ChrisB9/src/styles/global.css (cben.dev) */
@import url("./theme-forgejo-dark.css");

@font-face {
  font-family: "Inter";
  src: url("../fonts/inter-latin-ext.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
  font-family: "Inter";
  src: url("../fonts/inter-latin.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family: "JetBrains Mono";
  src: url("../fonts/jetbrains-mono-latin-ext.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
  font-family: "JetBrains Mono";
  src: url("../fonts/jetbrains-mono-latin.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

:root {
  --steel-900: #0b0a12;
  --steel-850: #0e0c16;
  --steel-800: #110f1a;
  --steel-750: #151320;
  --steel-700: #1c1a2e;
  --steel-650: #23213a;
  --steel-600: #2a2740;
  --steel-550: #3b3755;
  --steel-500: #4a4568;
  --steel-450: #5d5780;
  --steel-400: #6f6993;
  --steel-350: #8a84a6;
  --steel-300: #9d97b8;
  --steel-250: #b8b2d0;
  --steel-200: #c8c2dd;
  --steel-150: #d8d3ea;
  --steel-100: #f0ecff;

  --color-primary: #a855f7;
  --color-primary-contrast: #110f1a;
  --color-primary-dark-1: #c084fc;
  --color-primary-dark-2: #c084fc;
  --color-primary-dark-3: #d8b4fe;
  --color-primary-dark-4: #d8b4fe;
  --color-primary-dark-5: #e9d5ff;
  --color-primary-dark-6: #e9d5ff;
  --color-primary-dark-7: #f3e8ff;
  --color-primary-light-1: #9333ea;
  --color-primary-light-2: #7e22ce;
  --color-primary-light-3: #6b21a8;
  --color-primary-light-4: #581c87;
  --color-primary-light-5: #581c87;
  --color-primary-light-6: #3b0764;
  --color-primary-light-7: #3b0764;
  --color-primary-alpha-10: #a855f719;
  --color-primary-alpha-20: #a855f733;
  --color-primary-alpha-30: #a855f74b;
  --color-primary-alpha-40: #a855f766;
  --color-primary-alpha-50: #a855f780;
  --color-primary-alpha-60: #a855f799;
  --color-primary-alpha-70: #a855f7b3;
  --color-primary-alpha-80: #a855f7cc;
  --color-primary-alpha-90: #a855f7e1;
  /* site hovers lighter; dark text stays readable */
  --color-primary-hover: #c084fc;
  --color-primary-active: #d8b4fe;
  --color-accent: #c084fc;
  --color-highlight-fg: #e9d5ff;

  --color-secondary-alpha-10: #23213a19;
  --color-secondary-alpha-20: #23213a33;
  --color-secondary-alpha-30: #23213a4b;
  --color-secondary-alpha-40: #23213a66;
  --color-secondary-alpha-50: #23213a80;
  --color-secondary-alpha-60: #23213a99;
  --color-secondary-alpha-70: #23213ab3;
  --color-secondary-alpha-80: #23213acc;
  --color-secondary-alpha-90: #23213ae1;

  --color-header-wrapper-transparent: #1c1a2e00;
  --color-nav-bg: var(--steel-800);
  --color-footer: var(--steel-800);
  --color-expand-button: var(--steel-600);
  --color-label-text: var(--steel-100);

  --color-console-fg: #f0ecff;
  --color-console-fg-subtle: #8a84a6;
  --color-console-bg: #151320;
  --color-console-border: #3b3755;
  --color-console-active-bg: #3b3755;
  --color-console-menu-bg: #2a2740;
  --color-console-menu-border: #4a4568;

  --color-selection-bg: #a855f7;
  --color-selection-fg: #ffffff;

  --fonts-proportional: "Inter", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", system-ui, sans-serif;
  --fonts-monospace: "JetBrains Mono", ui-monospace, Menlo, monospace, var(--fonts-emoji);

  --border-radius: 6px;
  --border-radius-medium: 12px;
}

#navbar {
  border-bottom: 1px solid var(--steel-550);
}