/* =============================================================================
   The Augusto Way — brand stylesheet (SINGLE SOURCE OF TRUTH)
   Pulled from the augusto-brand skill. Change colors/fonts here only.
   Barlow (body/UI) + JetBrains Mono (code) load via mkdocs.yml theme.font.
   Neuton (H1/H2 display) is imported below — it is not a Material theme font.
   ============================================================================= */

@import url('https://fonts.googleapis.com/css2?family=Neuton:ital,wght@0,300;0,400;0,700;0,800;1,400&display=swap');

/* ---- Augusto brand tokens ------------------------------------------------- */
:root {
  --augusto-navy-bg:    #122B3B;  /* dark surfaces: header, footer */
  --augusto-navy-text:  #0E1E2B;  /* all primary text */
  --augusto-green:      #22B161;  /* CTAs / active accent — one per viewport */
  --augusto-green-dark: #128745;  /* green text, accent borders, hover */
  --augusto-teal:       #0989B1;  /* links, hover, info */
  --augusto-bg:         #F1F3F5;  /* page background (not pure white) */
  --augusto-gray-100:   #E5E9EC;  /* card / code backgrounds */
  --augusto-gray-200:   #C2C8CC;  /* borders */
  --augusto-gray-300:   #818B92;  /* muted icons */
  --augusto-gray-400:   #686C76;  /* caption / secondary text */
  --augusto-gradient:   linear-gradient(90deg, #0989B1, #22B161);

  --augusto-font-display: 'Neuton', Georgia, serif;
}

/* ---- Map brand tokens onto Material's theme variables --------------------- */
:root {
  /* primary = navy header/footer */
  --md-primary-fg-color:        var(--augusto-navy-bg);
  --md-primary-fg-color--light: #1c3d52;
  --md-primary-fg-color--dark:  #0d2230;
  --md-primary-bg-color:        #ffffff;        /* text/icons on the navy header */
  --md-primary-bg-color--light: #d5e3ec;

  /* accent = teal (hover/active, e.g. nav, search) */
  --md-accent-fg-color:             var(--augusto-teal);
  --md-accent-fg-color--transparent: rgba(9, 137, 177, 0.1);
  --md-accent-bg-color:             #ffffff;

  /* page surface + text */
  --md-default-bg-color:        var(--augusto-bg);
  --md-typeset-color:           var(--augusto-navy-text);

  /* links */
  --md-typeset-a-color:         var(--augusto-teal);
}

/* ---- Typography: Neuton for the display headings (brand signature) -------- */
/* H1 + H2 ONLY, Regular weight, zero letter-spacing. Do not use Barlow bold here. */
.md-typeset h1,
.md-typeset h2 {
  font-family: var(--augusto-font-display);
  font-weight: 400;
  letter-spacing: 0;
  color: var(--augusto-navy-text);
}

/* H3 and below stay in Barlow (inherited from theme.font.text) */
.md-typeset h3,
.md-typeset h4,
.md-typeset h5,
.md-typeset h6 {
  color: var(--augusto-navy-text);
  letter-spacing: 0;
}

/* ---- Links: teal at rest, green-dark on hover ----------------------------- */
.md-typeset a {
  color: var(--augusto-teal);
}
.md-typeset a:hover,
.md-typeset a:focus {
  color: var(--augusto-green-dark);
}

/* ---- Thin brand gradient accent under the header -------------------------- */
.md-header {
  border-bottom: 2px solid transparent;
  border-image: var(--augusto-gradient) 1;
}

/* ---- Tables: navy header row, subtle zebra striping ----------------------- */
.md-typeset table:not([class]) th {
  background-color: var(--augusto-navy-bg);
  color: #ffffff;
}
.md-typeset table:not([class]) tr:nth-child(even) td {
  background-color: var(--augusto-gray-100);
}

/* ---- Code: brand mono + soft gray surface --------------------------------- */
.md-typeset code,
.md-typeset pre {
  font-feature-settings: 'kern';
}

/* ---- Footer: brand navy (matches header) ---------------------------------- */
.md-footer {
  background-color: var(--augusto-navy-text);
}
.md-footer-meta {
  background-color: var(--augusto-navy-bg);
}