/* Dyncloud docs — Dynapps brand theme. Source: common-skills:dynapps-brand.
   Keep the three sites identical. */

:root {
  /* Brand palette (Dynapps) */
  --dyn-midnight:        #050543;  /* Midnight Denim (digital) */
  --dyn-midnight-print:  #010114;  /* Midnight Denim (print) — darker, dark mode */
  --dyn-deep:            #030330;
  --dyn-violet:          #951CF3;
  --dyn-carmine:         #FF575D;
  --dyn-orange:          #FF7759;
  --dyn-snow:            #F5F5FA;

  /* Dyncloud corporate blue (product primary) — links, active states, scrollbar */
  --dyn-blue:            #01007c;
  --dyn-blue-bright:     #5957ee;

  --dyn-grad: linear-gradient(45deg, var(--dyn-violet) 0%, var(--dyn-carmine) 52%, var(--dyn-orange) 100%);
}

/* ── Light mode: light chrome, dark content ─────────────────────────────── */
[data-md-color-scheme="default"] {
  --md-default-bg-color: #F5F5FA;

  --md-primary-fg-color: #FFFFFF;   /* light header/tabs surface */
  --md-primary-bg-color: #050543;   /* dark text + icons on the header */

  --md-accent-fg-color:  #01007c;   /* hover / active accent */
  --md-typeset-a-color:  #01007c;   /* links + active nav item */

  --md-footer-bg-color:         #F5F5FA;
  --md-footer-bg-color--dark:   #ECECF3;
  --md-footer-fg-color:         #050543;
  --md-footer-fg-color--light:  rgba(5, 5, 67, 0.72);
  --md-footer-fg-color--lighter:rgba(5, 5, 67, 0.46);
}

/* ── Dark mode: print midnight (#010114), DARK chrome too ───────────────── */
[data-md-color-scheme="slate"] {
  --md-default-bg-color:          #010114;
  --md-default-fg-color:          rgba(255, 255, 255, 0.90);
  --md-default-fg-color--light:   rgba(255, 255, 255, 0.62);
  --md-default-fg-color--lighter: rgba(255, 255, 255, 0.32);
  --md-code-bg-color:             #0a0a2e;

  --md-primary-fg-color: #010114;   /* dark header/tabs surface */
  --md-primary-bg-color: #FFFFFF;   /* light text + icons on the header */

  --md-accent-fg-color:  #8f8dff;   /* lighter blue for contrast on dark */
  --md-typeset-a-color:  #8f8dff;

  --md-footer-bg-color:         #010114;
  --md-footer-bg-color--dark:   #000010;
  --md-footer-fg-color:         rgba(255, 255, 255, 0.92);
  --md-footer-fg-color--light:  rgba(255, 255, 255, 0.62);
  --md-footer-fg-color--lighter:rgba(255, 255, 255, 0.35);
}

/* ── Header bottom gradient border (narrow) ─────────────────────────────── */
.md-header { position: relative; box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.06); }
.md-header::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0;
  height: 2px; background: var(--dyn-grad);
}

/* ── Footer top gradient border (narrow) ────────────────────────────────── */
.md-footer { border-top: 2px solid transparent; border-image: var(--dyn-grad) 1; }

/* ── Search input: softer surface, readable text ───────────────────────── */
[data-md-color-scheme="default"] .md-search__form { background-color: rgba(5, 5, 67, 0.06); }
[data-md-color-scheme="default"] .md-search__form:hover { background-color: rgba(5, 5, 67, 0.10); }
[data-md-color-scheme="default"] .md-search__input { color: var(--dyn-midnight); }
[data-md-color-scheme="default"] .md-search__input::placeholder { color: rgba(5, 5, 67, 0.55); }
[data-md-color-scheme="slate"] .md-search__form { background-color: rgba(255, 255, 255, 0.10); }
[data-md-color-scheme="slate"] .md-search__form:hover { background-color: rgba(255, 255, 255, 0.16); }
[data-md-toggle="search"]:checked ~ .md-header .md-search__form { background-color: var(--md-default-bg-color); }

/* ── Headings: weight 600 ───────────────────────────────────────────────── */
.md-typeset h1, .md-typeset h2, .md-typeset h3,
.md-typeset h4, .md-typeset h5, .md-typeset h6 { font-weight: 600; }
.md-typeset h1 { color: var(--md-default-fg-color); }

/* ── Scrollbar in corporate blue ────────────────────────────────────────── */
html { scrollbar-color: var(--dyn-blue) transparent; }
[data-md-color-scheme="slate"] html { scrollbar-color: #8f8dff transparent; }
::-webkit-scrollbar { width: 0.4rem; height: 0.4rem; }
::-webkit-scrollbar-thumb { background-color: var(--dyn-blue); border-radius: 0.2rem; }
::-webkit-scrollbar-thumb:hover { background-color: var(--dyn-blue-bright); }
[data-md-color-scheme="slate"] ::-webkit-scrollbar-thumb { background-color: #8f8dff; }

/* ── Logo swap: white wordmark in dark mode ─────────────────────────────── */
[data-md-color-scheme="slate"] .md-logo img { content: url("logo-white.png"); }