/* TCLP brand theme for MkDocs Material.
   Palette and type tokens are TCLP's canonical brand values.
   Public Sans is self-hosted below (SIL Open Font License 1.1). */

/* ---- Webfont: Public Sans (self-hosted) ---- */
@font-face {
  font-family: "Public Sans";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../fonts/public-sans/PublicSans-Light.woff2") format("woff2");
}
@font-face {
  font-family: "Public Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/public-sans/PublicSans-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Public Sans";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/public-sans/PublicSans-Italic.woff2") format("woff2");
}
@font-face {
  font-family: "Public Sans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/public-sans/PublicSans-SemiBold.woff2") format("woff2");
}
@font-face {
  font-family: "Public Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/public-sans/PublicSans-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "Public Sans";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/public-sans/PublicSans-BoldItalic.woff2") format("woff2");
}

/* ---- Brand palette → Material variables ---- */
:root {
  /* Primary = navy. Drives the header, nav, and structural accents. */
  --md-primary-fg-color:        #1C2B58;
  --md-primary-fg-color--light: #20305E;
  --md-primary-fg-color--dark:  #0B183F;
  --md-primary-bg-color:        #FFFFFF;  /* text/icons on the navy header */
  --md-primary-bg-color--light: #EDEEF5;

  /* Accent = magenta. Interactive highlights (hover targets, focus-within UI). */
  --md-accent-fg-color:         #D7288B;
  --md-accent-fg-color--transparent: rgba(215, 40, 139, 0.1);

  /* Surfaces */
  --md-default-bg-color:        #FFFDFB;  /* content surface (bg-alt) */

  /* Text */
  --md-default-fg-color:           #000000;       /* ink */
  --md-default-fg-color--light:    #6E7691;       /* muted (navy-60) */
  --md-default-fg-color--lighter:  rgba(110, 118, 145, 0.6);
  --md-default-fg-color--lightest: rgba(110, 118, 145, 0.12);

  /* Links */
  --md-typeset-a-color: #213BC6;

  /* Code */
  --md-code-bg-color: #EDEEF5;   /* navy-8 */
  --md-code-fg-color: #1C2B58;
}

/* ---- Typography ---- */
body,
input,
.md-typeset,
.md-header,
.md-nav,
.md-tabs {
  font-family: "Public Sans", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Helvetica, Arial, sans-serif;
}

/* Headings in navy, semibold. */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4,
.md-typeset h5,
.md-typeset h6 {
  color: #1C2B58;
  font-weight: 600;
}

/* ---- Brand rules that differ from Material defaults ---- */

/* Warm off-white page background behind the content surface. */
.md-main {
  background-color: #F9F7F4;
}

/* Links are underlined; on hover they go navy (not the magenta accent). */
.md-typeset a {
  text-decoration: underline;
}
.md-typeset a:hover,
.md-typeset a:focus {
  color: #1C2B58;
}

/* Keyboard focus: yellow outline, used for focus only — never decorative. */
*:focus-visible {
  outline: 2px solid #FFDD00;
  outline-offset: 2px;
}