/*
 * sc in test-boat's dark theme. Forgejo's own dark theme underneath supplies everything not set
 * here (syntax highlighting, diffs, the console); this file puts test-boat's tokens
 * (apps/web/src/styles/app.css there) onto Forgejo's variables. test-boat writes them in oklch;
 * they are hex here because Forgejo's charts read some of these variables back in JavaScript.
 *
 *   test-boat token      value     Forgejo variables
 *   --background         #0b0e14   body
 *   --surface-1          #11141a   boxes, cards, inputs, top bar, footer
 *   --surface-2          #171a21   box headers, buttons, menus
 *   --surface-3          #1f232b   hover, inline code
 *   --border             #272b34   secondary (Forgejo's border colour), labels
 *   --input              #2c3039   input borders
 *   --border-strong      #383d47   button borders, timeline
 *   --subtle-foreground  #6f757f   placeholders
 *   --muted-foreground   #9ba2ad   secondary text
 *   --foreground         #eef0f4   text
 *   --primary            #41d0e1   primary (test-boat's cyan), with #061821 on it
 */
@import "theme-forgejo-dark.css";
@import "ntl.css";

:root {
  --color-primary: #41d0e1;
  --color-primary-contrast: #061821;
  --color-primary-dark-1: #5adced;
  --color-primary-dark-2: #74e5f4;
  --color-primary-dark-3: #8fecf9;
  --color-primary-dark-4: #adf2fc;
  --color-primary-dark-5: #c5f5fc;
  --color-primary-dark-6: #d8f9fe;
  --color-primary-dark-7: #e8fbfe;
  --color-primary-light-1: #27c0d1;
  --color-primary-light-2: #00b0c1;
  --color-primary-light-3: #009dae;
  --color-primary-light-4: #008a9b;
  --color-primary-light-5: #007586;
  --color-primary-light-6: #006071;
  --color-primary-light-7: #005262;
  --color-primary-alpha-10: #41d0e119;
  --color-primary-alpha-20: #41d0e133;
  --color-primary-alpha-30: #41d0e14b;
  --color-primary-alpha-40: #41d0e166;
  --color-primary-alpha-50: #41d0e180;
  --color-primary-alpha-60: #41d0e199;
  --color-primary-alpha-70: #41d0e1b3;
  --color-primary-alpha-80: #41d0e1cc;
  --color-primary-alpha-90: #41d0e1e1;

  --color-secondary: #272b34;
  --color-secondary-dark-1: #383d47;
  --color-secondary-dark-2: #434851;
  --color-secondary-dark-3: #50555e;
  --color-secondary-dark-4: #5e636d;
  --color-secondary-dark-5: #6f757f;
  --color-secondary-dark-6: #82868e;
  --color-secondary-dark-7: #9ba2ad;
  --color-secondary-dark-8: #b3b8bf;
  --color-secondary-dark-9: #c9ced6;
  --color-secondary-dark-10: #dadee6;
  --color-secondary-dark-11: #eef0f4;
  --color-secondary-dark-12: #eef0f4;
  --color-secondary-dark-13: #eef0f4;
  --color-secondary-light-1: #2c3039;
  --color-secondary-light-2: #1f232b;
  --color-secondary-light-3: #171a21;
  --color-secondary-light-4: #11141a;
  --color-secondary-alpha-10: #383d4719;
  --color-secondary-alpha-20: #383d4733;
  --color-secondary-alpha-30: #383d474b;
  --color-secondary-alpha-40: #383d4766;
  --color-secondary-alpha-50: #383d4780;
  --color-secondary-alpha-60: #383d4799;
  --color-secondary-alpha-70: #383d47b3;
  --color-secondary-alpha-80: #383d47cc;
  --color-secondary-alpha-90: #383d47e1;

  /* Messages and flashes: tinted surfaces with a stronger border, like test-boat's badges. */
  --color-error-border: #64272d;
  --color-error-bg: #29171c;
  --color-error-bg-active: #4c2026;
  --color-error-bg-hover: #3a1b21;
  --color-error-text: #f78488;
  --color-success-border: #23543a;
  --color-success-bg: #132621;
  --color-success-text: #80d8a0;
  --color-warning-border: #624c21;
  --color-warning-bg: #292318;
  --color-warning-text: #f4c872;
  --color-info-border: #205862;
  --color-info-bg: #12272f;
  --color-info-text: #7adeea;

  --color-body: #0b0e14;
  --color-box-header: #171a21;
  --color-box-body: #11141a;
  --color-box-body-highlight: #1f232b;
  --color-text-dark: #ffffff;
  --color-text: #eef0f4;
  --color-text-light: #c9ced6;
  --color-text-light-1: #b3b8bf;
  --color-text-light-2: #9ba2ad;
  --color-text-light-3: #82868e;
  --color-placeholder-text: #6f757f;
  --color-footer: #11141a;
  --color-timeline: #383d47;
  --color-input-text: #eef0f4;
  --color-input-background: #11141a;
  --color-input-toggle-background: #2c3039;
  --color-input-border: #2c3039;
  --color-input-border-hover: #383d47;
  --color-header-wrapper: #0b0e14;
  --color-header-wrapper-transparent: #0b0e1400;
  --color-light-border: #383d47;
  --color-hover: #1f232b;
  --color-active: #272b34;
  --color-menu: #171a21;
  --color-card: #11141a;
  --fancy-card-bg: #171a21;
  --fancy-card-border: #383d47;
  --color-markup-code-block: #0b0e14;
  --color-markup-code-inline: #1f232b;
  --color-button: #171a21;
  --color-code-bg: #11141a;
  --color-shadow: #00000080;
  --color-secondary-bg: #171a21;
  --color-expand-button: #1f232b;
  --color-editor-line-highlight: #171a21;
  --color-project-board-bg: #11141a;
  --color-reaction-bg: #ffffff0d;
  --color-tooltip-bg: #1f232bf5;
  --color-nav-bg: #11141a;
  --color-nav-hover-bg: #1f232b;
  --color-secondary-nav-bg: #0b0e14;
  --color-label-text: #c9ced6;
  --color-label-bg: #272b34;
  --color-label-hover-bg: #2c3039;
  --color-label-active-bg: #383d47;
  --color-label-bg-alt: #383d47;
  --color-overlay-backdrop: #05070bc0;
  --color-selection-bg: #41d0e14d;
  --color-selection-fg: #ffffff;
}