/* ============================================================
   4salebyowner — Owner Finance Guide · BIGampmINC Brand System
   Navy #003087 (headings/emphasis) · Gold #B8860B (accents/dividers)
   Ink #000000 (body) · White #FFFFFF (backgrounds)
   Charcoal #333333 (secondary) · Light Gray #F2F2F2 (section blocks)
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,500;0,600;0,700;0,800;1,600&family=Source+Sans+3:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap');

:root {
  /* --- Palette --- */
  --bg: #FFFFFF;
  --primary: #003087;        /* brand navy */
  --navy-deep: #00215E;      /* gradient anchor */
  --navy-bright: #0A3D9E;    /* gradient lift */
  --navy-soft: #E9EEF8;      /* pale navy tint for chips/cards */
  --accent: #B8860B;         /* brand gold */
  --gold-deep: #8F6708;
  --gold-soft: #F8F0DC;      /* pale gold tint for callouts */
  --ink: #000000;            /* body text */
  --charcoal: #333333;       /* secondary text */
  --light: #F2F2F2;          /* section background blocks */
  --line: #D8DEE9;           /* hairline borders */

  /* --- Typography tokens (families + scale ONLY) --- */
  --font-heading: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-body: 'Source Sans 3', 'Helvetica Neue', Arial, sans-serif;
  --font-num: 'Source Sans 3', Arial, sans-serif;

  --fs-display: 54px;
  --fs-h1: 38px;
  --fs-h2: 26px;
  --fs-h3: 19px;
  --fs-body: 15.5px;
  --fs-small: 13px;
  --fs-micro: 11px;
}

/* --- Slide canvas --- */
.slide {
  width: 1280px;
  height: 720px;
  overflow: hidden;
  position: relative;
  background: var(--bg);
  color: var(--ink);
  font-family: var(--font-body);
}

/* --- Surfaces --- */
.card {
  background: #FFFFFF;
  border: 1px solid var(--line);
  border-radius: 10px;
}
.card-light { background: var(--light); border: 1px solid #E4E4E4; border-radius: 10px; }
.card-navy { background: var(--primary); color: #FFFFFF; border-radius: 10px; }
.card-navy-soft { background: var(--navy-soft); border: 1px solid #C9D6EE; border-radius: 10px; }
.card-gold-soft { background: var(--gold-soft); border: 1px solid #E9D6A8; border-radius: 10px; }

/* --- Brand accents --- */
.gold-rule { height: 4px; width: 72px; background: var(--accent); border-radius: 2px; }
.navy-rule { height: 4px; width: 72px; background: var(--primary); border-radius: 2px; }
.accent-bar-l { border-left: 5px solid var(--accent); }
.navy-bar-l { border-left: 5px solid var(--primary); }
.navy-bar-t { border-top: 4px solid var(--primary); }
.gold-bar-t { border-top: 4px solid var(--accent); }

/* --- Deep navy panel (cover / closing) --- */
.navy-panel {
  background: linear-gradient(135deg, var(--navy-deep) 0%, var(--primary) 58%, var(--navy-bright) 100%);
  color: #FFFFFF;
}

/* --- Imagery --- */
.img-cover { width: 100%; height: 100%; object-fit: cover; display: block; }
.img-frame { border-radius: 12px; overflow: hidden; position: relative; }