/*
 * Project Rubi-Ka — Eclipse for Forgejo 15
 * Palette: public-site/styles/site.css.
 * Keep Forgejo's semantic colors, syntax highlighting and component behavior.
 */
@import url("./theme-forgejo-dark.css");

:root {
  --eclipse-ink-900: #0a0908;
  --eclipse-ink-800: #100e0c;
  --eclipse-ink-700: #16130f;
  --eclipse-dune-800: #2a2017;
  --eclipse-dune-700: #221a13;
  --eclipse-sand-100: #e8e3d9;
  --eclipse-sand-300: #c4baa9;
  --eclipse-sand-500: #8a8072;
  --eclipse-spice: #d6975c;
  --eclipse-spice-deep: #c2703b;
  --eclipse-hair: rgba(232, 227, 217, 0.13);
  --eclipse-hair-strong: rgba(232, 227, 217, 0.26);

  /* Recolor the shared surface ramp, including components using it directly. */
  --steel-900: var(--eclipse-ink-900);
  --steel-850: var(--eclipse-ink-800);
  --steel-800: var(--eclipse-ink-700);
  --steel-750: #1b1611;
  --steel-700: var(--eclipse-dune-700);
  --steel-650: var(--eclipse-dune-800);
  --steel-600: #382c21;
  --steel-550: #504235;
  --steel-500: #685848;
  --steel-450: #806e5b;
  --steel-400: #988570;
  --steel-350: #a9957f;
  --steel-300: #b8a894;
  --steel-250: var(--eclipse-sand-300);
  --steel-200: #d0c7b9;
  --steel-150: #dcd5c9;
  --steel-100: var(--eclipse-sand-100);

  --is-dark-theme: true;
  --color-primary: var(--eclipse-spice);
  --color-primary-contrast: var(--eclipse-ink-900);
  --color-primary-dark-1: #dfab79;
  --color-primary-dark-2: #e5bb91;
  --color-primary-dark-3: #eccbaa;
  --color-primary-dark-4: #f1d8bf;
  --color-primary-dark-5: #f5e3d1;
  --color-primary-dark-6: #f8ece0;
  --color-primary-dark-7: #fbf4ed;
  --color-primary-light-1: #cc894e;
  --color-primary-light-2: var(--eclipse-spice-deep);
  --color-primary-light-3: #9b582e;
  --color-primary-light-4: #784426;
  --color-primary-light-5: #58321e;
  --color-primary-light-6: #3d2418;
  --color-primary-light-7: #2c1c13;
  --color-primary-alpha-10: #d6975c19;
  --color-primary-alpha-20: #d6975c33;
  --color-primary-alpha-30: #d6975c4b;
  --color-primary-alpha-40: #d6975c66;
  --color-primary-alpha-50: #d6975c80;
  --color-primary-alpha-60: #d6975c99;
  --color-primary-alpha-70: #d6975cb3;
  --color-primary-alpha-80: #d6975ccc;
  --color-primary-alpha-90: #d6975ce1;
  --color-primary-hover: var(--color-primary-dark-1);
  --color-primary-active: var(--color-primary-dark-2);
  --color-secondary-alpha-10: #2a201719;
  --color-secondary-alpha-20: #2a201733;
  --color-secondary-alpha-30: #2a20174b;
  --color-secondary-alpha-40: #2a201766;
  --color-secondary-alpha-50: #2a201780;
  --color-secondary-alpha-60: #2a201799;
  --color-secondary-alpha-70: #2a2017b3;
  --color-secondary-alpha-80: #2a2017cc;
  --color-secondary-alpha-90: #2a2017e1;

  --color-body: var(--eclipse-ink-800);
  --color-box-header: var(--eclipse-dune-700);
  --color-box-body: var(--eclipse-ink-700);
  --color-box-body-highlight: var(--eclipse-dune-800);
  --color-text-dark: var(--eclipse-sand-100);
  --color-text: var(--eclipse-sand-100);
  --color-text-light: var(--eclipse-sand-300);
  --color-text-light-1: var(--eclipse-sand-300);
  --color-text-light-2: #b3a896;
  --color-text-light-3: #a39785;
  --color-text-focus: var(--eclipse-sand-100);
  --color-footer: var(--eclipse-ink-900);
  --color-input-background: var(--eclipse-ink-900);
  --color-input-border: #806e5b;
  --color-input-border-hover: #a9957f;
  --color-input-text: var(--eclipse-sand-100);
  --color-placeholder-text: #a39785;
  --color-header-wrapper: var(--eclipse-ink-700);
  --color-header-wrapper-transparent: #16130f00;
  --color-light-border: var(--eclipse-hair);
  --color-hover: var(--eclipse-dune-800);
  --color-active: #382c21;
  --color-menu: #1b1611;
  --color-card: var(--eclipse-ink-700);
  --fancy-card-bg: var(--eclipse-dune-700);
  --fancy-card-border: var(--eclipse-hair-strong);
  --color-button: var(--eclipse-dune-800);
  --color-code-bg: var(--eclipse-ink-900);
  --color-markup-code-block: var(--eclipse-ink-900);
  --color-markup-code-inline: var(--eclipse-dune-700);
  --color-secondary-bg: var(--eclipse-ink-700);
  --color-expand-button: var(--eclipse-dune-800);
  --color-nav-bg: var(--eclipse-ink-900);
  --color-nav-hover-bg: var(--eclipse-dune-800);
  --color-secondary-nav-bg: var(--eclipse-ink-800);
  --color-accent: var(--eclipse-spice);
  --color-small-accent: var(--eclipse-spice-deep);
  --color-highlight-fg: var(--eclipse-sand-100);
  --color-highlight-bg: var(--color-primary-alpha-20);
  --color-selection-bg: var(--eclipse-spice);
  --color-selection-fg: var(--eclipse-ink-900);
  --color-console-bg: var(--eclipse-ink-900);
  --color-console-fg: var(--eclipse-sand-100);
  --color-console-fg-subtle: var(--eclipse-sand-300);
  --color-console-border: var(--eclipse-hair-strong);
  --color-console-menu-bg: var(--eclipse-dune-700);
  --color-console-menu-border: #806e5b;
  --color-console-active-bg: var(--eclipse-dune-800);

  color-scheme: dark;
  accent-color: var(--eclipse-spice);
}

/* A restrained version of the site's desert glow; no external assets. */
body {
  background-image: radial-gradient(
    ellipse 90% 38rem at 76% 0,
    rgba(214, 151, 92, 0.09),
    transparent 75%
  );
  background-repeat: no-repeat;
}

#navbar {
  background: rgba(10, 9, 8, 0.94);
  border-bottom: 1px solid var(--eclipse-hair);
}

#navbar .item {
  letter-spacing: 0.035em;
}

.ui.header,
.repository .repo-title {
  color: var(--eclipse-sand-100);
}

/* Do not apply display typography to user content, filenames or code. */
.page-content.home .hero h1 {
  font-weight: 400;
  letter-spacing: 0.06em;
}

.ui.primary.label,
.ui.primary.labels .label,
.ui.red.label.notification_count {
  background-color: var(--eclipse-spice) !important;
  color: var(--eclipse-ink-900) !important;
}

.chroma .c,
.chroma .c1,
.chroma .ch,
.chroma .cm,
.chroma .go {
  color: #a39785;
}

.chroma .n,
.chroma .nn,
.chroma .nx,
.chroma .p {
  color: var(--eclipse-sand-100);
}

:focus-visible,
.ui.button:focus-visible,
.ui.buttons .button:focus-visible {
  outline: 2px solid var(--eclipse-spice) !important;
  outline-offset: 2px;
}

@media (prefers-reduced-transparency: reduce) {
  #navbar {
    background: var(--eclipse-ink-900);
  }
}