/* denvergold.org only: the DGG website standards from the brand guidelines, edition 1 (2026), section 06.
   Header on white with the 24 px horizontal lockup, navy navigation in Lato Bold, square-cornered buttons (gold with
   ink text, or navy with white), links in dark gold, headings in Archivo SemiBold, structure from rules not boxes.
   The forum sites keep their own palettes and Bebas Neue; this file is linked by the base layout for FORUM=dgg only, which also
   sets class="dgg" on <html>: the prefix outranks Astro's scoped component styles (.class[data-astro-cid]). */

:root { --dgg-gold: #AD814C; --dgg-gold-dark: #8A6537; --dgg-navy: #1F3864; --dgg-ink: #0B0708; --dgg-grey: #4A4644; --dgg-sand: #E9E5E0; --dgg-paper: #FBF8F3; --dgg-blue: #005B8F; }

/* Headings: Archivo 600, sentence case, tighter than the forums' condensed display face. */
html.dgg .display { font-weight: 600; letter-spacing: -.01em; text-transform: none; line-height: 1.05; color: var(--dgg-navy); }
html.dgg .on-hero .display, html.dgg .section--dark .display, html.dgg .page-head .display, html.dgg .numbers .display, html.dgg .hero .display { color: inherit; }
html.dgg .eyebrow { font-family: var(--font-display); font-weight: 500; font-size: .8rem; letter-spacing: .14em; text-transform: uppercase; color: var(--dgg-gold-dark); }
html.dgg .section--dark .eyebrow, html.dgg .page-head .eyebrow, html.dgg .hero .eyebrow, html.dgg .foot .eyebrow { color: var(--dgg-gold); }
html.dgg h1.display { font-size: clamp(2.4rem, 5vw, 4rem); }
html.dgg .section-head h2, html.dgg h2.display { font-size: clamp(1.9rem, 3.6vw, 2.9rem); }
html.dgg .page-head h1 { font-size: clamp(2.2rem, 4.5vw, 3.4rem); }
html.dgg h3.display { font-size: 1.4rem; }
html.dgg .lede { color: var(--dgg-grey); }
/* Dark-gold links in the page body only; the header and footer keep their own link colours. */
html.dgg main a:not(.btn):not(.nav__top):not([class*="nav__"]):not([class*="foot"]) { color: var(--dgg-gold-dark); }

/* Header on white, navy navigation. */
html.dgg .nav { background: #fff; color: var(--dgg-navy); border-bottom: 1px solid var(--dgg-sand); box-shadow: inset 0 -3px 0 var(--dgg-gold); backdrop-filter: none; }
html.dgg .nav__top { color: var(--dgg-navy); opacity: 1; }
html.dgg .nav__top:hover, html.dgg .nav__top[aria-current="page"] { color: var(--dgg-navy); text-decoration-color: var(--dgg-gold); }
html.dgg .nav__drop { background: #fff; color: var(--dgg-navy); border: 1px solid var(--dgg-sand); box-shadow: 0 18px 40px rgba(31,56,100,.14); }
html.dgg .nav__drop a:hover { background: var(--dgg-paper); color: var(--dgg-navy); }
html.dgg .nav__search { color: var(--dgg-navy); } html.dgg .nav__search:hover { background: var(--dgg-paper); }
html.dgg .nav__burger span { background: var(--dgg-navy); }
html.dgg .nav__menu:not([hidden]) { background: #fff; color: var(--dgg-navy); border-top: 1px solid var(--dgg-sand); }
html.dgg .nav__menu nav a, html.dgg .nav__group { border-bottom-color: var(--dgg-sand); }

/* Buttons: gold with ink text, or navy with white text, with softly rounded corners (DGG, 9 October 2026: the square
   corners read as stark). */
html.dgg .btn { border-radius: 6px; font-family: var(--font-body); font-weight: 900; text-transform: none; letter-spacing: 0; }
html.dgg .btn--cta, html.dgg .on-hero .btn--cta { background: var(--dgg-gold); color: var(--dgg-ink); }
html.dgg .btn--brand { background: var(--dgg-navy); color: #fff; } html.dgg .btn--brand:hover { background: #2C4A80; }
html.dgg .btn--outline-light { border-radius: 6px; }

/* Structure from rules. */
html.dgg .card, html.dgg .door, html.dgg .news a, html.dgg .forums a, html.dgg .empty, html.dgg .subnav a { border-radius: 0; }
html.dgg .forums a { border-top-width: 3px; }
html.dgg .numbers { background: var(--dgg-navy); border-top: 0; }
html.dgg .numbers dt { font-family: var(--font-display); font-weight: 600; font-variant-numeric: tabular-nums; color: var(--dgg-gold); }
/* Footer on navy with off-white links (DGG, 9 October 2026: dark gold on black was harsh and hard to read). */
html.dgg .foot { background: var(--dgg-navy); color: rgba(255,255,255,.82); }
html.dgg .foot__links a, html.dgg .foot__family a { color: rgba(255,255,255,.9); }
html.dgg .foot__links a:hover, html.dgg .foot__family a:hover, html.dgg .foot__family li.current a { color: var(--dgg-gold); }
html.dgg .foot__family span, html.dgg .foot__legal { color: rgba(255,255,255,.62); }
html.dgg .foot__legal a, html.dgg .foot__meta a { color: rgba(255,255,255,.78); }
html.dgg .foot__legal { border-top-color: rgba(255,255,255,.16); }
html.dgg .foot__brand img { width: 110px; }

/* Heading sizes where a page's own scoped rule (.hero h1, .door h2) would otherwise outrank the lines above. */
html.dgg .hero h1.display { font-size: clamp(2.4rem, 5vw, 4rem); }
html.dgg .door h2.display, html.dgg .section-head h2.display { font-size: clamp(1.9rem, 3.6vw, 2.9rem); }
html.dgg .forums h3.display { font-size: 1.4rem; }
