/* /news/brand.css — Morton Insider Go Guide palette + shared UI */

:root{
  /* Brand palette */
  --accent: #d65428;      /* pumpkin orange */
  --accent2:#f1996a;      /* lighter pumpkin for gradients */
  --ok:     #2f5a36;      /* leaf green */

  /* Base */
  --ink:   #5a3b25;       /* dark brown text */
  --muted: #7a5a45;       /* secondary text */
  --line:  #e5d4c6;       /* borders/dividers */

  /* Typography */
  --font-stack: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

/* Body defaults (index uses white; let sections provide color) */
body{ background:#fff; color:var(--ink); font-family:var(--font-stack); }

/* Shared hero gradient (matches index) */
.hero-wrap{ background: linear-gradient(180deg, #f39a4c 0%, #fbd3ad 100%); }

/* Cards */
.card{ border:1px solid rgba(0,0,0,.08); }
.card:hover{ box-shadow:0 2px 10px rgba(0,0,0,.06); }

/* Banner styles (matches index) */
.banner-card{ background:rgba(255,255,255,.92); border-radius:1rem; padding:.75rem;
  box-shadow:0 10px 25px rgba(0,0,0,.10); outline:1px solid rgba(90,59,37,.10); display:block; width:fit-content; }
.banner-img{ max-width:520px; max-height:200px; width:100%; height:auto; object-fit:contain;
  filter:drop-shadow(0 6px 12px rgba(90,59,37,.18)); display:block; }

/* Buttons */
.btn-accent{ background: var(--accent); }
.btn-accent:hover{ opacity:.9; }
/* IMPORTANT: keep button text readable even on links */
a.btn-accent, .btn-accent{ color:#fff !important; }

/* Headings + accents */
h1,h2,h3{ color: var(--ink); }
.text-leaf{ color: var(--ok); }

/* Inputs focus ring to pumpkin */
.input-accent:focus{
  border-color: var(--accent);
  outline:none;
  box-shadow:0 0 0 3px rgba(214,84,40,.25);
}

/* Links: don’t override button links */
a:not(.btn-accent){ color: var(--accent); }

/* Subtle text */
.lead,.kicker,.note,.subtle{ color: var(--muted); }

/* Checklist ticks (if used) */
.tick{ background: rgba(47,90,54,.12); border:1px solid rgba(47,90,54,.6); }
.tick:after{ border-right:2px solid var(--ok); border-bottom:2px solid var(--ok); }

/* Footer */
footer{ color: var(--muted); }