/* =====================================================================
   Robawm — custom theme
   Light (default) : Palette 1  — warm earth  (terracotta / sand / olive / ochre / clay / deep-blue)
   Dark  (slate)   : Palette 2  — forest      (deep-green / sage / gold / bronze / near-black)
   ===================================================================== */

/* ------------------------------------------------------------------ */
/* LIGHT MODE — Palette 1                                              */
/* ------------------------------------------------------------------ */
[data-md-color-scheme="default"] {
  /* Header / nav bar — terracotta */
  --md-primary-fg-color:          #b66a50;   /* clay-terracotta */
  --md-primary-fg-color--light:   #e2725b;
  --md-primary-fg-color--dark:    #8f4f3a;
  --md-primary-bg-color:          #fff8f2;   /* text + icons on the header */
  --md-primary-bg-color--light:   rgba(255, 248, 242, 0.72);

  /* Interactive accent (hover, focus, selection) — ochre */
  --md-accent-fg-color:           #cc7722;
  --md-accent-fg-color--transparent: rgba(204, 119, 34, 0.10);

  /* Page surfaces — warm cream */
  --md-default-bg-color:          #fbf7ef;
  --md-default-fg-color:          rgba(38, 28, 22, 0.87);
  --md-default-fg-color--light:   rgba(38, 28, 22, 0.60);
  --md-default-fg-color--lighter: rgba(38, 28, 22, 0.32);
  --md-default-fg-color--lightest:rgba(38, 28, 22, 0.12);

  /* Body text + links */
  --md-typeset-color:             rgba(38, 28, 22, 0.87);
  --md-typeset-a-color:           #064273;   /* deep blue — cool contrast */
  --robawm-h2:                    #b66a50;   /* section headings */

  /* Code */
  --md-code-bg-color:             #f2ead9;
  --md-code-fg-color:             #5a4632;

  /* Footer — olive */
  --md-footer-bg-color:           #6f6a3f;
  --md-footer-bg-color--dark:     #5c5834;
  --md-footer-fg-color:           #fbf7ef;
  --md-footer-fg-color--light:    rgba(251, 247, 239, 0.75);
  --md-footer-fg-color--lighter:  rgba(251, 247, 239, 0.45);
}

/* ------------------------------------------------------------------ */
/* DARK MODE — Palette 2                                               */
/* ------------------------------------------------------------------ */
[data-md-color-scheme="slate"] {
  /* Header / nav bar — deep forest green */
  --md-primary-fg-color:          #284139;
  --md-primary-fg-color--light:   #35564b;
  --md-primary-fg-color--dark:    #1b2c26;
  --md-primary-bg-color:          #eceadb;   /* soft cream text on header */
  --md-primary-bg-color--light:   rgba(236, 234, 219, 0.72);

  /* Interactive accent — sage */
  --md-accent-fg-color:           #a9b79c;
  --md-accent-fg-color--transparent: rgba(128, 144, 118, 0.14);

  /* Page surfaces — near-black green */
  --md-default-bg-color:          #111a19;
  --md-default-fg-color:          rgba(235, 233, 216, 0.90);
  --md-default-fg-color--light:   rgba(235, 233, 216, 0.62);
  --md-default-fg-color--lighter: rgba(235, 233, 216, 0.34);
  --md-default-fg-color--lightest:rgba(235, 233, 216, 0.14);

  /* Body text + links */
  --md-typeset-color:             rgba(235, 233, 216, 0.90);
  --md-typeset-a-color:           #f6d696;   /* warm gold — glows on green */
  --robawm-h2:                    #b7c3a9;   /* brighter sage for headings */

  /* Code — slightly lifted green surface */
  --md-code-bg-color:             #18231f;
  --md-code-fg-color:             #d8dccd;

  /* Footer — darker forest */
  --md-footer-bg-color:           #1b2c26;
  --md-footer-bg-color--dark:     #111a19;
  --md-footer-fg-color:           #eceadb;
  --md-footer-fg-color--light:    rgba(236, 234, 219, 0.75);
  --md-footer-fg-color--lighter:  rgba(236, 234, 219, 0.45);
}

/* ------------------------------------------------------------------ */
/* Shared polish — works in both schemes                              */
/* ------------------------------------------------------------------ */

::selection {
  background: var(--md-accent-fg-color);
  color: #fff;
}

.md-typeset h1,
.md-typeset h2 {
  font-weight: 700;
  letter-spacing: -0.01em;
}

.md-typeset h2 {
  color: var(--robawm-h2);
}

.md-typeset table:not([class]) th {
  background: var(--md-accent-fg-color--transparent);
  color: var(--md-default-fg-color);
  font-weight: 700;
}
.md-typeset table:not([class]) {
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 6px;
  overflow: hidden;
}

.md-typeset blockquote {
  border-left: 4px solid var(--md-accent-fg-color);
}

.md-typeset .grid.cards > ul > li,
.md-typeset .grid > .card {
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 10px;
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.md-typeset .grid.cards > ul > li:hover,
.md-typeset .grid > .card:hover {
  border-color: var(--md-accent-fg-color);
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.12);
  transform: translateY(-2px);
}

.md-typeset .md-button--primary {
  background-color: var(--md-primary-fg-color);
  border-color: var(--md-primary-fg-color);
  color: var(--md-primary-bg-color);
}
.md-typeset .md-button--primary:hover {
  background-color: var(--md-accent-fg-color);
  border-color: var(--md-accent-fg-color);
  color: #fff;
}

.md-nav__link--active,
.md-nav__link:focus,
.md-nav__link:hover {
  color: var(--md-accent-fg-color);
}

[data-md-color-scheme="default"] .md-typeset .md-button:not(.md-button--primary) {
  color: #b66a50;
  border-color: #b66a50;
}
[data-md-color-scheme="slate"] .md-typeset .md-button:not(.md-button--primary) {
  color: #f6d696;
  border-color: #f6d696;
}
.md-typeset .md-button:not(.md-button--primary):hover {
  background-color: var(--md-accent-fg-color);
  border-color: var(--md-accent-fg-color);
  color: #14201c;
}

/* ==================================================================== */
/* Home page — flat intro (no gradient) + feature strip                 */
/* ==================================================================== */
.md-typeset .robawm-intro {
  margin: 0 0 2rem;
  padding-bottom: 1.4rem;
  border-bottom: 1px solid var(--md-default-fg-color--lightest);
}
.md-typeset .robawm-intro h1 {
  margin: .15rem 0 .25rem;
  font-size: 2.7rem;
  letter-spacing: -0.02em;
}
.md-typeset .robawm-intro .hero-eyebrow {
  text-transform: uppercase;
  letter-spacing: .18em;
  font-size: .72rem;
  font-weight: 700;
  color: var(--md-accent-fg-color);
  margin: 0;
}
.md-typeset .robawm-intro .hero-tagline {
  font-size: 1.4rem;
  font-weight: 700;
  font-style: italic;
  color: var(--robawm-h2);
  margin: .1rem 0 .9rem;
}
.md-typeset .robawm-intro > p:not([class]) { max-width: 46rem; }
.md-typeset .robawm-intro .md-button { margin-top: 1.1rem; margin-right: .4rem; }

/* subtle "free / no signup" badge */
.md-typeset .robawm-badge {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  margin: 0 0 2rem;
  padding: .35rem .85rem;
  border-radius: 999px;
  font-weight: 600;
  font-size: .8rem;
  background: var(--md-accent-fg-color--transparent);
  color: var(--md-default-fg-color--light);
}
.md-typeset .robawm-badge .twemoji { color: var(--md-accent-fg-color); }

/* Header logo — white wordmark, shown alone (hide duplicate site-name text) */
.md-header__button.md-logo img {
  filter: brightness(0) invert(1);
  height: 1.9rem;
  width: auto;
}
.md-header__topic:first-child { display: none; }   /* hide "Robawm" text; on-scroll page title still shows */