/* topometry-nosc docs — teal + coral palette
   Overrides Material's built-in teal/pink with exact brand hues. */

:root {
  /* Coral primary (header, nav highlight) */
  --md-primary-fg-color:              #FF6E64;
  --md-primary-fg-color--light:       #FF8A80;
  --md-primary-fg-color--dark:        #E5554B;

  /* Teal accent (links on hover, buttons, focus) */
  --md-accent-fg-color:               #00897B;
  --md-accent-fg-color--transparent:  rgba(0, 137, 123, 0.1);

  /* Teal links in light mode */
  --md-typeset-a-color:               #00897B;
}

/* Dark (slate) tweaks — lighter, softer for contrast on dark bg */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color:              #2a1e1d;   /* calm dark header, coral-tinted */
  --md-accent-fg-color:               #4DD0C4;   /* brighter teal on dark */
  --md-accent-fg-color--transparent:  rgba(77, 208, 196, 0.12);
  --md-typeset-a-color:               #4DD0C4;   /* aqua links */
}

/* Rounded, friendly headings */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3 {
  font-weight: 800;
  letter-spacing: -0.01em;
}

/* Subtle coral underline accent under h2 section breaks */
.md-typeset h2 {
  border-bottom: 2px solid var(--md-accent-fg-color--transparent);
  padding-bottom: 0.2em;
}

/* Slightly bouncier link hover */
.md-typeset a {
  transition: color 120ms ease;
}

/* Gradient flourish on the homepage top hero (h1 on index) */
.md-content h1:first-of-type {
  background: linear-gradient(90deg, #FF6E64 0%, #00897B 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Rounded code blocks + cards feel */
.md-typeset pre > code,
.md-typeset .admonition {
  border-radius: 10px;
}