/* Tasmim Inspire brand palette: logo navy + gold, shared by directory, listings, and admin. */
:root{
  --bg:#f6f8fc;
  --surface:#fff;
  --surface-card:#fff;
  --soft:#f0f3f9;
  --text:#29364e;
  --heading:#0a245c;
  --muted:#748098;
  --secondary:#52617c;
  --line:#e0e6f0;
  --green:#123c82;
  --green-dark:#08265f;
  --mint:#edf2fb;
  --mint-border:#d6e1f3;
  --brand-navy:#002060;
  --brand-navy-deep:#001642;
  --brand-blue:#123c82;
  --brand-gold:#f0bd3d;
  --brand-gold-bright:#f8d860;
  --brand-gold-dark:#bd8615;
  --brand-gold-soft:#fff5d8;
  --shadow:0 12px 34px #00206010;
  color-scheme:light;
}
[data-theme=dark]{
  --bg:#08152f;
  --surface:#0e2146;
  --surface-card:#0e2146;
  --soft:#152b53;
  --text:#dce6f6;
  --heading:#f3f6fc;
  --muted:#9baaca;
  --secondary:#bfcae0;
  --line:#263e6b;
  --green:#abc2f4;
  --green-dark:#d5e1f8;
  --mint:#172f5a;
  --mint-border:#2b4778;
  --brand-navy:#002060;
  --brand-navy-deep:#00112f;
  --brand-blue:#9bb8f3;
  --brand-gold:#f4c64e;
  --brand-gold-bright:#ffda6b;
  --brand-gold-dark:#ffe08a;
  --brand-gold-soft:#352d20;
  --shadow:0 12px 34px #0005;
  color-scheme:dark;
}

/* Primary controls use the mark's gold; navy text keeps the contrast strong. */
.button-primary,
[data-theme=dark] .button-primary{
  color:#002060!important;
  background:#f0bd3d!important;
  border-color:#e2ad2d!important;
  box-shadow:0 3px 8px #0020601c;
}
.button-primary:hover,
[data-theme=dark] .button-primary:hover{
  color:#001642!important;
  background:#f8d860!important;
  border-color:#e7b52f!important;
  box-shadow:0 5px 14px #0020602a;
}
.button-primary:focus-visible{outline-color:#123c82}

/* Distinctive navy hero, with the gold accent drawn from the supplied logo. */
.hero,
[data-theme=dark] .hero{
  background:
    radial-gradient(ellipse at 82% 36%,#f8d8602a,transparent 58%),
    linear-gradient(118deg,#001642 0%,#002060 58%,#123c82 100%);
  border-color:#24467e;
  box-shadow:0 12px 28px #00206018;
}
.hero::before{background-image:radial-gradient(#f8d8601c .65px,transparent .65px)}
.hero::after{
  border-color:#f8d86022;
  box-shadow:0 0 0 45px #f8d86008,0 0 0 90px #f8d86005;
}
.hero .eyebrow{color:#e5ebf8}
.hero .eyebrow>span:first-child{background:#f8d860;box-shadow:0 0 0 4px #f8d86018}
.hero h1>span{color:#f8d860}
.hero-copy>p{color:#d6e1f4}
.hero-visual{color:#f2cf67}
.terminal-glow{background:#f8d8602a}
.hero-extra .button-primary,
[data-theme=dark] .hero-extra .button-primary{
  color:#002060!important;background:#f0bd3d!important;border-color:#e2ad2d!important;
}
.hero-extra .button-primary:hover{background:#f8d860!important;border-color:#e7b52f!important}

/* Branded navigation and small identity marks. */
.wordmark .logo-period,.entry-brand span span,.entry-footer-brand>span{color:var(--brand-gold)}
.nav-item.active{box-shadow:inset 3px 0 var(--brand-gold)}
.studio-header-link .status-dot{background:var(--brand-gold)}
.studio-monogram,.developer-mark{background:#002060;color:#fff}
.studio-monogram span{color:#f8d860}
.search-correction{color:var(--brand-navy)}
.copy-api-button:hover,.copy-endpoint-button:hover{color:#002060}

/* Keep permanent listing pages, breadcrumbs, reports, and code tabs in the same identity. */
.entry-page .entry-brand span span,
.entry-page .entry-footer-brand>span{color:var(--brand-gold-dark)}
.entry-page .entry-breadcrumb a,
.entry-page .entry-kicker,
.entry-page .entry-report-link:hover,
.entry-page .entry-related-card>span:first-child,
.entry-page .entry-related-more{color:var(--brand-blue)}
.entry-page .entry-related-card:hover{border-color:var(--brand-gold)}
[data-theme=dark] .entry-page .entry-breadcrumb a,
[data-theme=dark] .entry-page .entry-kicker,
[data-theme=dark] .entry-page .entry-related-card>span:first-child,
[data-theme=dark] .entry-page .entry-related-more{color:var(--brand-blue)}
[data-theme=dark] .search-suggestion{background:var(--mint);border-color:var(--mint-border);color:var(--text)}
[data-theme=dark] .code-example-tab.active,
[data-theme=dark] .seo-code-card[open]>summary{background:var(--mint);border-color:var(--brand-gold);color:var(--brand-gold-bright)}
[data-theme=dark] .code-example-tab.active{background:#1d3765}