/* ============================================================
   colors.css — PBB colour system
   Two surfaces share one palette: a near-black cinematic canvas
   and a warm "paper" editorial canvas, tied together by a single
   signal-orange accent. Orange is the ONE accent — used sparingly
   for CTAs, italic emphasis, eyebrows and the "after" glow.
   ============================================================ */
:root{
  /* ---- Brand accent (the one colour) ---- */
  --pbb-orange:        #f0680a;   /* primary accent — CTAs, eyebrows, italic emphasis */
  --pbb-orange-bright: #ff7a18;   /* brighter accent used on dark surfaces */
  --pbb-orange-ink:    #1a0d00;   /* readable text ON orange */
  --pbb-orange-soft:   rgba(240,104,10,.5);  /* underline / glow tint */

  /* Pitch-deck "story" accent default (client-swappable in the factory) */
  --pbb-signal:        #ff5a3c;   /* warm signal-orange for deck story sections */
  --pbb-signal-ink:    #1a0d07;

  /* ---- Ink (dark cinematic canvas) ---- */
  --pbb-ink:    #07070a;   /* near-black page background (deck) */
  --pbb-ink-1:  #17181c;   /* landing dark band */
  --pbb-ink-2:  #0e0e13;   /* raised panel */
  --pbb-ink-3:  #16161d;   /* hairlines / cards on dark */

  /* ---- Paper (warm light canvas) ---- */
  --pbb-paper:    #f4f1ec;   /* primary warm off-white */
  --pbb-paper-2:  #ebe7e0;   /* alternate light band */
  --pbb-paper-3:  #d8d2c5;   /* paper hairline / grid gap */
  --pbb-paper-ink:#1a1714;   /* text on paper */
  --pbb-white:    #ffffff;   /* pure white cards on paper */

  /* ---- Text ---- */
  --pbb-chalk:        #f4f2ec;   /* warm off-white headline text on dark */
  --pbb-text-light:   #f6f3ef;   /* body text on dark */
  --pbb-muted-light:  #a39c93;   /* muted text on dark */
  --pbb-fog:          #9a9aa6;   /* cooler muted text on deck ink */
  --pbb-muted-dark:   #6c655d;   /* muted text on paper */

  /* ---- Hairlines ---- */
  --pbb-line-dark:  rgba(20,17,14,.12);   /* on paper */
  --pbb-line-light: rgba(255,255,255,.10);/* on dark */

  /* ---- Semantic (before / after contrast) ---- */
  --pbb-bad:  #e0566a;   /* the "before", what underperforms */
  --pbb-good: #4fd08a;   /* the "after", what works */

  /* ---- Semantic aliases ---- */
  --pbb-accent:       var(--pbb-orange);
  --pbb-surface:      var(--pbb-paper);
  --pbb-surface-dark: var(--pbb-ink-1);
  --pbb-surface-card: var(--pbb-white);
  --pbb-text-body:    var(--pbb-paper-ink);
  --pbb-text-muted:   var(--pbb-muted-dark);
  --pbb-border:       var(--pbb-line-dark);
}