/* Shared publisher identity across the corporate site, catalogue, reader and panel. */
:root{
  --dd-red:#d7192f;
  --dd-red-dark:#ad1025;
  --dd-ink:#202426;
  --dd-muted:#62686b;
  --dd-canvas:#faf8f5;
  --dd-paper:#fff;
  --dd-line:#dedfdd;
  --dd-radius:.625rem;
  --dd-pill:999px;
  --dd-font:Inter,Aptos,"Segoe UI",ui-sans-serif,system-ui,sans-serif;
  --dd-serif:Georgia,"Times New Roman",serif;
}

.corporate-site,.magazine-site,.admin-body,.reader-magazine{font-family:var(--dd-font)}
.corporate-site :is(h1,h2,.section-heading h2),
.magazine-site :is(.mag-hero h1,.mag-section h2,.publisher-heading h2,.mag-contact h2),
.admin-body :is(.admin-header h1,.admin-section-heading h2){font-family:var(--dd-serif)}

/* One header language: white surface, quiet border and a restrained brand marker. */
.corporate-site .corporate-header,.magazine-site .mag-header,
.reader-magazine .topbar{background:var(--dd-paper);border-bottom:1px solid var(--dd-line)}
.corporate-site .corporate-header,.magazine-site .mag-header{min-height:5rem}
.magazine-site .publisher-bar{background:var(--dd-ink);color:#fff}
.magazine-site .publisher-bar>a:first-child{font-weight:800;letter-spacing:.075em}
.magazine-site .publisher-bar>a:first-child::before{content:"";display:inline-block;width:.5rem;height:.5rem;margin-right:.6rem;background:var(--dd-red);transform:rotate(45deg);vertical-align:middle}
.magazine-site .mag-header-actions button,.magazine-site .mag-menu-toggle,
.reader-magazine .reader-back-link,.reader-magazine .topbar .icon-button{border-radius:var(--dd-radius)}

/* Shared action shape; each magazine retains its own accent colour. */
.corporate-site .button,.magazine-site .mag-button,
.admin-body :is(.admin-primary,.admin-form button,.admin-secondary-button){border-radius:var(--dd-pill);font-weight:800}
.corporate-site .button{background:var(--dd-red);border-color:var(--dd-red)}
.corporate-site .button:hover{background:var(--dd-red-dark);border-color:var(--dd-red-dark)}
.corporate-site .button--outline{background:transparent;border-color:var(--dd-line);color:var(--dd-ink)}
.corporate-site .button--outline:hover{background:var(--dd-paper);border-color:var(--dd-red);color:var(--dd-red)}
.magazine-site.tenant-publisher{--mag-accent:var(--dd-red);--mag-brand-accent:var(--dd-red);--mag-soft:#fff4f2}
.magazine-site .mag-button{min-height:3rem}
.magazine-site .mag-button--outline{background:transparent}
.admin-body :is(.admin-primary,.admin-form button){background:var(--dd-red);color:#fff}
.admin-body :is(.admin-primary,.admin-form button):hover{background:var(--dd-red-dark)}

/* Repeated surfaces share a border, radius and neutral canvas. */
.corporate-site .magazine-card,.corporate-site .topic-card,
.magazine-site .mag-card-cover,.magazine-site .publisher-title-list a,
.admin-body :is(.admin-section,.metric-grid article,.library-admin-card,.quick-actions a),
.reader-magazine :is(.drawer,.dialog-card){border-radius:var(--dd-radius)}
.admin-body{--brand:var(--dd-red);--admin-accent:var(--dd-red);--canvas:var(--dd-canvas);--ink:var(--dd-ink);--muted:var(--dd-muted);--line:var(--dd-line)}
:root[data-theme=dark] .admin-body{--canvas:#111312;--ink:#f0f2ed;--muted:#a5aca6;--line:#343a35}
.admin-body .admin-brand span{background:var(--dd-red)}
.admin-body .admin-sidebar nav a[aria-current="page"]{background:var(--dd-red);color:#fff}
.admin-body .admin-sidebar nav a:hover:not([aria-current="page"]){background:#323738}
.admin-body .admin-eyebrow,.admin-body .admin-section-heading>a{color:var(--dd-red)}
.admin-body .quick-actions a{background:var(--dd-ink);color:#fff}
.admin-body .quick-actions a span{color:#c6ccca}

/* The reader keeps the publication front and centre while sharing control styling. */
.reader-magazine .topbar,.reader-magazine .toolbar{background:var(--dd-paper);color:var(--dd-ink);border-color:var(--dd-line)}
.reader-magazine .topbar .icon-button,.reader-magazine .toolbar-button,.reader-magazine .reader-back-link{color:var(--dd-ink)}
.reader-magazine .top-actions .reader-purchase{border-color:var(--mag-accent);color:var(--mag-accent)}
.reader-magazine .issue-badge{border-radius:var(--dd-pill)}
:root[data-theme=dark] .reader-magazine .topbar,:root[data-theme=dark] .reader-magazine .toolbar{background:#171d22;color:#f0f2ed;border-color:#343a35}
:root[data-theme=dark] .reader-magazine .topbar .icon-button,:root[data-theme=dark] .reader-magazine .toolbar-button,:root[data-theme=dark] .reader-magazine .reader-back-link{color:#f0f2ed}

:is(.corporate-site,.magazine-site,.admin-body,.reader-magazine) :focus-visible{outline:3px solid var(--dd-red);outline-offset:3px}
@media(max-width:900px){.magazine-site .mag-header{min-height:4.5rem}}
@media(max-width:700px){.corporate-site .corporate-header{min-height:4rem}}
@media(prefers-reduced-motion:reduce){.corporate-site *,.magazine-site *,.admin-body *,.reader-magazine *{scroll-behavior:auto!important;transition-duration:.01ms!important}}