/* Night Harbour — code-harbour.io design system on top of forgejo-dark */
@import url("https://brand.dev.code-harbour.io/fonts.css");
@import "./theme-forgejo-dark.css";

gitea-theme-meta-info {
  --theme-display-name: "Night Harbour";
  --theme-color-scheme: "dark";
}

:root {
  --fonts-proportional: "Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --fonts-monospace: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;
  --border-radius: 10px;
  --border-radius-medium: 10px;

  /* surfaces: bg -> surface -> surface-raised, 1px line */
  --color-body: #07131c;
  --color-nav-bg: #07131c;
  --color-secondary-nav-bg: #0d1e2a;
  --color-header-wrapper: #0d1e2a;
  --color-footer: #07131c;
  --color-box-header: #14293a;
  --color-box-body: #0d1e2a;
  --color-box-body-highlight: #14293a;
  --color-card: #0d1e2a;
  --color-menu: #0d1e2a;
  --color-input-background: #07131c;
  --color-input-border: #28465f;
  --color-input-border-hover: #3a5f7d;
  --color-secondary: #28465f;
  --color-secondary-dark-1: #2f5270;
  --color-secondary-dark-2: #3a5f7d;
  --color-secondary-light-1: #1f3a50;
  --color-secondary-light-2: #14293a;
  --color-light-border: #28465f;
  --color-hover: #14293a;
  --color-active: #14293a;
  --color-markup-table-row: #0d1e2a;
  --color-markup-code-block: #030a10;
  --color-markup-code-inline: #14293a;
  --color-code-bg: #030a10;
  --color-code-sidebar-bg: #07131c;

  /* text */
  --color-text: #e8f1f5;
  --color-text-dark: #ffffff;
  --color-text-light: #c4d6e0;
  --color-text-light-1: #a9bfcc;
  --color-text-light-2: #93abbb;
  --color-text-light-3: #7f98a8;
  --color-placeholder-text: #7f98a8;

  /* brand = Leuchtfeuer-Orange (one primary action per view) */
  --color-primary: #ff5b1f;
  --color-primary-contrast: #1a0700;
  --color-primary-dark-1: #ff7a45;
  --color-primary-dark-2: #ff8f61;
  --color-primary-dark-3: #ffa37d;
  --color-primary-dark-4: #ffb899;
  --color-primary-dark-5: #ffccb5;
  --color-primary-dark-6: #ffe0d1;
  --color-primary-dark-7: #fff2eb;
  --color-primary-light-1: #e5501a;
  --color-primary-light-2: #c8410c;
  --color-primary-light-3: #a8370a;
  --color-primary-light-4: #882c08;
  --color-primary-light-5: #682206;
  --color-primary-light-6: #481704;
  --color-primary-light-7: #2a0d02;
  --color-primary-alpha-10: #ff5b1f19;
  --color-primary-alpha-20: #ff5b1f33;
  --color-primary-alpha-30: #ff5b1f4b;
  --color-primary-alpha-40: #ff5b1f66;
  --color-primary-alpha-50: #ff5b1f80;
  --color-primary-alpha-60: #ff5b1f99;
  --color-primary-alpha-70: #ff5b1fb3;
  --color-primary-alpha-80: #ff5b1fcc;
  --color-primary-alpha-90: #ff5b1fe1;
  --color-primary-hover: #ff7a45;
  --color-primary-active: #e5501a;

  /* accent = Gezeiten-Mint, status always with words */
  --color-accent: #3ee6c1;
  --color-small-accent: #3ee6c1;
  --color-green: #5ee38a;
  --color-red: #ff8a7a;
  --color-yellow: #ffd166;
  --color-orange: #ff7a45;
  --color-teal: #3ee6c1;
  --color-highlight-fg: #ffd166;
  --color-highlight-bg: #ffd16622;
  --color-selection-bg: #3ee6c140;
  --color-selection-fg: #e8f1f5;
}

a, .ui.breadcrumb a { color: #ff7a45; }
:focus-visible { outline: 2px solid #3ee6c1; outline-offset: 2px; }
.page-content h1, .page-content h2.ui.header, .home .hero h1 {
  font-family: "Unbounded", "Arial Black", sans-serif;
  letter-spacing: -0.02em;
}
#navbar { border-bottom: 1px solid #28465f; }
.ui.label, .ui.labels .label { border-radius: 999px; }
.ui.segment, .ui.attached.segment, .repository .ui.segment { border-color: #28465f; }
.ui.button, .ui.buttons .button { transition: transform 150ms ease-out, background-color 150ms ease-out; }
.ui.primary.button:hover { transform: translateY(-1px); }
@media (prefers-reduced-motion: reduce) { .ui.button { transition: none; } .ui.primary.button:hover { transform: none; } }