@import "./theme-forgejo-auto.css";

/* Links use --color-primary, so light mode needs an amber dark enough for text (5.5:1 on white);
   sunflower is kept for fills where it sits behind dark ink. */
:root {
  --fleek-sunflower: #f8c642;
  --fleek-sunflower-hover: #efb72a;
  --fleek-marigold: #e88239;
  --fleek-bluebell: #6071d7;
  --fleek-ink: #201f23;

  --color-primary: #a8500f;
  --color-primary-contrast: #ffffff;
  --color-primary-dark-1: #96470d;
  --color-primary-dark-2: #843e0b;
  --color-primary-dark-3: #72360a;
  --color-primary-dark-4: #602d08;
  --color-primary-dark-5: #4e2507;
  --color-primary-dark-6: #3c1c05;
  --color-primary-dark-7: #2a1404;
  --color-primary-light-1: #c2620f;
  --color-primary-light-2: #e88239;
  --color-primary-light-3: #f0a35f;
  --color-primary-light-4: #f8c642;
  --color-primary-light-5: #fbd877;
  --color-primary-light-6: #fde9b3;
  --color-primary-light-7: #fef2d4;
  --color-primary-alpha-10: #e8823919;
  --color-primary-alpha-20: #e8823933;
  --color-primary-alpha-30: #e882394b;
  --color-primary-alpha-40: #e8823966;
  --color-primary-alpha-50: #e8823980;
  --color-primary-alpha-60: #e8823999;
  --color-primary-alpha-70: #e88239b3;
  --color-primary-alpha-80: #e88239cc;
  --color-primary-alpha-90: #e88239e1;
  --color-primary-hover: var(--color-primary-dark-1);
  --color-primary-active: var(--color-primary-dark-2);
  --color-accent: var(--fleek-bluebell);
  --color-small-accent: #e9ecfa;
  --color-selection-bg: #fde9b3;
  --color-selection-fg: var(--fleek-ink);
}

@media (prefers-color-scheme: dark) {
  :root {
    /* Forgejo's dark palette is built on the steel scale; retinting it moves every surface to Fleek night. */
    --steel-100: #f3f2ec;
    --steel-150: #d6d5cc;
    --steel-200: #c3c2b7;
    --steel-250: #adaca3;
    --steel-300: #9c9b92;
    --steel-350: #8b8a82;
    --steel-400: #75746b;
    --steel-450: #64635b;
    --steel-500: #54534c;
    --steel-550: #46463f;
    --steel-600: #3a3a35;
    --steel-650: #2b2b27;
    --steel-700: #252522;
    --steel-750: #1b1b18;
    --steel-800: #161614;
    --steel-850: #121210;
    --steel-900: #0e0e0c;

    --color-primary: #f8c642;
    --color-primary-contrast: var(--fleek-ink);
    --color-primary-dark-1: #f9cf63;
    --color-primary-dark-2: #fad77d;
    --color-primary-dark-3: #fbdf97;
    --color-primary-dark-4: #fce7b1;
    --color-primary-dark-5: #fdefcb;
    --color-primary-dark-6: #fef2d4;
    --color-primary-dark-7: #fff8e8;
    --color-primary-light-1: #efb72a;
    --color-primary-light-2: #d9a21f;
    --color-primary-light-3: #b8871a;
    --color-primary-light-4: #8f6914;
    --color-primary-light-5: #6b4f0f;
    --color-primary-light-6: #47340a;
    --color-primary-light-7: #2b2006;
    --color-primary-alpha-10: #f8c64219;
    --color-primary-alpha-20: #f8c64233;
    --color-primary-alpha-30: #f8c6424b;
    --color-primary-alpha-40: #f8c64266;
    --color-primary-alpha-50: #f8c64280;
    --color-primary-alpha-60: #f8c64299;
    --color-primary-alpha-70: #f8c642b3;
    --color-primary-alpha-80: #f8c642cc;
    --color-primary-alpha-90: #f8c642e1;
    --color-accent: #8a97e6;
    --color-small-accent: #2a2f52;
    --color-selection-bg: #6b4f0f;
    --color-selection-fg: #f3f2ec;
    --color-console-bg: #121210;
    --color-console-border: #2b2b27;
    --color-console-hover-bg: #ffffff14;
    --color-console-active-bg: #2b2b27;
    --color-console-menu-bg: #1b1b18;
    --color-console-menu-border: #3a3a35;
  }
}

:root .ui.primary.button,
:root .ui.primary.buttons .button {
  background: var(--fleek-sunflower);
  color: var(--fleek-ink);
}
:root .ui.primary.button:hover,
:root .ui.primary.buttons .button:hover,
:root .ui.primary.button:focus {
  background: var(--fleek-sunflower-hover);
  color: var(--fleek-ink);
}

#navbar {
  box-shadow: inset 0 -2px 0 var(--fleek-sunflower);
}