/* ===========================================================================
 * CanForge theme — Connexxia "Civic Institutional" brand applied to Forgejo.
 *
 * Strategy: inherit the full forgejo-dark theme (so every structural variable
 * we don't touch keeps a sane value across upgrades), then override only the
 * brand tokens. This @import MUST be the first rule in the file.
 *
 * Palette (from connexxia.ca frontend design spec):
 *   navy   #0D2240  surfaces        gold  #C69A3B  CTAs / links / accent
 *   ivory  #E5E0CD  text (dark-mode) red   #6E1E2E  state-only (errors/live)
 * ======================================================================== */

@import url("./theme-forgejo-dark.css");

:root {
  /* --- Accent: gold ----------------------------------------------------- */
  --color-primary:          #c69a3b;
  --color-primary-dark-1:    #b5862f;  /* hover  */
  --color-primary-dark-2:    #9c7026;  /* active */
  --color-primary-dark-3:    #7e5a1e;
  --color-primary-dark-4:    #5f4416;
  --color-primary-dark-5:    #40300f;
  --color-primary-light-1:   #d2ae5c;
  --color-primary-light-2:   #dbbe7a;
  --color-primary-light-3:   #e4cd98;
  --color-primary-light-4:   #edddb7;
  --color-primary-light-5:   #f5ecd5;
  --color-primary-hover:     var(--color-primary-dark-1);
  --color-primary-active:    var(--color-primary-dark-2);
  --color-primary-contrast:  #0d2240;            /* text on gold buttons   */
  --color-accent:            var(--color-primary-light-1);
  --color-small-accent:      var(--color-primary-light-5);

  /* --- Navy surfaces ---------------------------------------------------- */
  --color-body:        #0d2240;   /* page background          */
  --color-box-body:    #13284a;   /* cards / panels           */
  --color-box-header:  #1a3358;   /* panel headers            */
  --color-card:        #13284a;
  --color-code-bg:     #091a30;
  --color-nav-bg:      #091a30;   /* top navbar               */
  --color-footer:      #091a30;
  --color-secondary:   #1f3a60;   /* borders / muted surfaces */
  --color-button:      #1f3a60;
  --color-light:       #16305422;
  --color-hover:       #ffffff14;
  --color-active:      #ffffff1f;

  /* --- Ivory text ------------------------------------------------------- */
  --color-text:         #e5e0cd;
  --color-text-dark:    #f6f1e3;
  --color-text-light:   #cdc7b2;
  --color-text-light-1: #b9b39e;
  --color-text-light-2: #a5a08b;
  --color-text-light-3: #908c78;

  /* --- State: deep red (errors / "live" pulses only) -------------------- */
  --color-red:       #6e1e2e;
  --color-red-badge: #8a2738;

  /* --- Typography ------------------------------------------------------- */
  /* No CDN calls (sovereignty): system stacks with brand-substitute fallbacks.
     Display serif (Tiempos/Lyon substitute) is applied to headings below. */
  --fonts-proportional: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, sans-serif;
  --fonts-monospace: "JetBrains Mono", ui-monospace, "SFMono-Regular",
    "Menlo", "Consolas", monospace;
}

/* Display serif for headings — institutional, type-led (brand direction B). */
:root {
  --fonts-display: "Tiempos Headline", "Lyon", "Iowan Old Style",
    "Palatino Linotype", "Georgia", "Times New Roman", serif;
}
.page-content.home h1,
.page-content.home h2,
.home .hero h1,
.home .hero h2 {
  font-family: var(--fonts-display);
  letter-spacing: -0.01em;
}