/* ============================================================================
   THEME 02 — CREATIVE BRIEF  (Editorial High-Contrast)  ◆ SECONDARY / SEGMENTS
   ----------------------------------------------------------------------------
   From reference #2. Black fields, one electric accent per segment (acid-lime
   OR orange), white type; huge tight uppercase headers, numbered agendas,
   ruled lists, boxed labels, dramatic type-size jumps, minimal words. Use this
   for high-impact moments INSIDE a Hairloom-led deck: section dividers,
   agendas, big statements, timelines, "the brand / the campaign" beats.
   Apply class="theme-02" to a slide.
   ============================================================================ */

.theme-02 {
  /* --- Palette --------------------------------------------------------- */
  --ink-black: #0A0A0A;   /* the dominant field (60–70%)                    */
  --lime:      #C4F135;   /* acid lime accent                               */
  --orange:    #FF4E1F;   /* vermilion accent                               */
  --paper:     #FFFFFF;   /* white type / occasional light slide            */
  --ink-dark:  #0A0A0A;

  /* --- Role tokens ----------------------------------------------------- */
  --bg:        var(--ink-black);
  --ink:       var(--paper);          /* white type on black by default     */
  --accent:    var(--lime);           /* pick lime OR orange per segment     */
  --on-accent: #0A0A0A;               /* black ink on the bright accent      */
  --grid-gap:  0px;
  --edge:      6.5%;

  background: var(--bg); color: var(--ink);
}

/* Per-segment accent switch (one electric color per section) */
.theme-02.accent-lime   { --accent: var(--lime);   --on-accent:#0A0A0A; }
.theme-02.accent-orange { --accent: var(--orange); --on-accent:#0A0A0A; }

/* FULL-BLEED accent slide: the whole field becomes the accent color
   (the lime "CAMPAIGN / TARGET AUDIENCE" agenda, the orange "APR MAY JUN"). */
.theme-02.fill {
  --bg: var(--accent); --ink: #0A0A0A; --accent: #0A0A0A; --on-accent: var(--paper);
}
.theme-02.fill.accent-lime   { --bg: var(--lime); }
.theme-02.fill.accent-orange { --bg: var(--orange); }
.theme-02.fill .kicker { color: #0A0A0A; opacity: 0.7; }

/* Light editorial slide (white field, black type, accent detail) */
.theme-02.paper {
  --bg: var(--paper); --ink: #0A0A0A; --accent: var(--orange); --on-accent: var(--paper);
}

/* Headers: maximal weight, negative tracking, unapologetic size jumps.       */
.theme-02 .display, .theme-02 .hero, .theme-02 .display-sm { color: var(--ink); letter-spacing: -0.03em; }
.theme-02 .list li { color: var(--ink); }
.theme-02 .rows { color: var(--ink); }

/* Ruled agenda rows read as pills on the accent-fill slide */
.theme-02.fill .rows { color: #0A0A0A; }

/* Meta labels sit top-corners in mono, low-key */
.theme-02 .meta { color: var(--ink); opacity: 0.55; }
.theme-02.fill .meta { color: #0A0A0A; opacity: 0.65; }

/* Big month/number statements (APR MAY JUN / 2024) use the hero at accent color */
.theme-02 .stat-num { font-family: var(--font-hero); font-size: var(--step-5);
  line-height: 0.82; color: var(--accent); text-transform: uppercase; letter-spacing: -0.01em; }