/* [MARIO] MerakiDebrief v0.1 | 2026-07-24 | Brand tokens — app chrome only.
   NEVER imported by a client report template. Reports token from the client record. */

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap');

:root {
  /* Brand — fixed, never overridden */
  --dm-navy:  #023a51;
  --dm-green: #15d16c;
  --dm-red:   #eb4962;
  --dm-amber: #e8a423;

  /* Type */
  --font-display: 'Manrope', system-ui, sans-serif;
  --font-body:    'IBM Plex Sans', system-ui, sans-serif;
  --font-mono:    'IBM Plex Mono', ui-monospace, monospace;

  /* Dark is default — matches MerakiCMS admin */
  --bg:        #0d0e12;
  --surface:   #15171c;
  --surface-2: #1c1f26;
  --border:    #262a33;
  --text:      #e7eaef;
  --text-dim:  #8b93a3;
  --accent:    var(--dm-green);

  /* Status — sync runs, coverage, review queue */
  --ok:      var(--dm-green);
  --warn:    var(--dm-amber);
  --fail:    var(--dm-red);
  --partial: var(--dm-amber);

  --radius: 10px;
}

html[data-theme="light"] {
  --bg:        #f9fafb;
  --surface:   #ffffff;
  --surface-2: #f2f4f7;
  --border:    #e3e7ec;
  --text:      var(--dm-navy);
  --text-dim:  #59667d;
}

/* Logo swap — mark/wordmark follow theme automatically */
.dm-logo      { content: url('/assets/brand/dm-logo-white.png'); }
.dm-mark      { content: url('/assets/brand/dm-mark-white.png'); }
html[data-theme="light"] .dm-logo { content: url('/assets/brand/dm-logo-navy.png'); }
html[data-theme="light"] .dm-mark { content: url('/assets/brand/dm-mark-navy.png'); }

body {
  background: var(--bg);
  color: var(--text);
  font-family: var(--font-body);
}
h1, h2, h3, h4, .display { font-family: var(--font-display); font-weight: 700; }
code, .metric-key, .sync-log, .mono { font-family: var(--font-mono); }