/* bloudraad forge theme — registered via [ui].THEMES, set as DEFAULT_THEME.
   @imports Forgejo's forgejo-auto base, then remaps the neutral ramps
   (--zinc-* light, --steel-* dark) and the accent to the bloudraad palette in
   both colour schemes, and pulls the brand web fonts. Forgejo's surface/text/
   border variables reference those ramps, so the whole UI inherits the brand;
   layout stays Forgejo's. */
@import url("/assets/css/theme-forgejo-auto.css");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@500;600;700&family=JetBrains+Mono:wght@400;500&display=swap");

:root {
  /* Typography */
  --fonts-proportional: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  --fonts-monospace: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace !important;

  /* Bloudraad Blue accent — light mode (#1E40AF fill, white text, 8.72:1). */
  --color-primary: #1E40AF !important;
  --color-primary-contrast: #FFFFFF !important;
  --color-primary-hover: #1E3A8A !important;
  --color-primary-active: #172554 !important;
  --color-primary-dark-1: #1E3A8A !important;
  --color-primary-dark-2: #172554 !important;
  --color-primary-light-1: #1D4ED8 !important;
  --color-primary-light-2: #2563EB !important;
  --color-primary-light-3: #3B82F6 !important;
  --color-accent: #1E40AF !important;

  /* Light neutrals — warm Cotton / Stone / Linen ramp (replaces Tailwind zinc).
     50 = white cards, 100 = chrome, 400 = Linen, 600 = Stone, 900 = India Ink. */
  --zinc-50:  #FFFFFF !important;
  --zinc-100: #F5F5F4 !important;
  --zinc-150: #EFEDEB !important;
  --zinc-200: #E7E5E4 !important;
  --zinc-250: #DEDBD9 !important;
  --zinc-300: #D6D3D1 !important;
  --zinc-350: #C2BEBA !important;
  --zinc-400: #A8A29E !important;
  --zinc-450: #8F8A85 !important;
  --zinc-500: #78716C !important;
  --zinc-550: #6F6862 !important;
  --zinc-600: #57534E !important;
  --zinc-650: #4B4641 !important;
  --zinc-700: #44403C !important;
  --zinc-750: #36322E !important;
  --zinc-800: #292524 !important;
  --zinc-850: #201D1A !important;
  --zinc-900: #171412 !important;

  /* Dark neutrals — India Ink / bluish-charcoal ramp (replaces steel).
     900 = chrome, 800 = canvas, 750 = elevated (#161B2A), 100 = primary text. */
  --steel-100: #E7ECF3 !important;
  --steel-150: #D2DAE6 !important;
  --steel-200: #BDC6D7 !important;
  --steel-250: #A6B1C6 !important;
  --steel-300: #8E9BB3 !important;
  --steel-350: #7785A0 !important;
  --steel-400: #63718E !important;
  --steel-450: #515E7A !important;
  --steel-500: #434F69 !important;
  --steel-550: #37425A !important;
  --steel-600: #2C374D !important;
  --steel-650: #232C40 !important;
  --steel-700: #1C2333 !important;
  --steel-750: #161B2A !important;
  --steel-800: #11151C !important;
  --steel-850: #0D1016 !important;
  --steel-900: #0A0C11 !important;
}

/* Light-mode surfaces Forgejo defines as direct hex (not ramp-derived). */
@media (prefers-color-scheme: light) {
  :root {
    --color-body: #FAFAF9 !important;       /* Cotton canvas */
    --color-text-dark: #171412 !important;  /* India Ink headings */
    --color-hover: #E7E5E480 !important;
    --color-active: #DEDBD980 !important;
  }
}

/* Dark-mode accent + brand code surfaces. */
@media (prefers-color-scheme: dark) {
  :root {
    --color-primary: #5B8DEF !important;
    --color-primary-contrast: #171412 !important;
    --color-primary-hover: #93C5FD !important;
    --color-primary-active: #BFDBFE !important;
    --color-primary-dark-1: #93C5FD !important;
    --color-primary-dark-2: #BFDBFE !important;
    --color-primary-light-1: #3B82F6 !important;
    --color-primary-light-2: #2563EB !important;
    --color-primary-light-3: #1D4ED8 !important;
    --color-accent: #5B8DEF !important;
    --color-markup-code-block: #1E293B !important;   /* brand code surface */
    --color-markup-code-inline: #161B2A !important;
  }
}

/* Display typeface for headings + the navbar wordmark. */
h1, h2, h3, h4, h5, h6,
.ui.header,
.navbar .brand {
  font-family: "Outfit", var(--fonts-proportional) !important;
}