/* ─────────────────────────────────────────────────────────
   THEME-LOGO.CSS — Logo-derived colour palette override
   ─────────────────────────────────────────────────────────
   Colours sourced from the FrearBros Labs logo:
     Gold  #f5b800  ·  Blue  #2a72c8  ·  Red  #e8302a

   TO ENABLE:  add to index.html after home.css:
               <link rel="stylesheet" href="styles/theme-logo.css" />
   TO REVERT:  remove that one line
───────────────────────────────────────────────────────── */

:root {
  --accent:        #f8b217;
  --accent-bright: #fac84a;
  --accent-glow:   rgba(248, 178, 23, 0.15);
  --accent-2:      #25326f;

  /* Amber → Deep navy */
  --gradient:      linear-gradient(135deg, #f8b217 0%, #25326f 100%);
  --gradient-soft: linear-gradient(135deg, rgba(248,178,23,0.15) 0%, rgba(37,50,111,0.08) 100%);
}

/* Hero radial glow — warm amber tint */
.hero-overlay {
  background: radial-gradient(ellipse 80% 60% at 50% 40%, rgba(248,178,23,0.06) 0%, transparent 70%),
              linear-gradient(to bottom, rgba(10,10,10,0) 60%, rgba(10,10,10,1) 100%);
}

/* Section label bar colour */
.section-label::before {
  background: var(--gradient);
}

/* Nav badge dot */
.hero-badge-dot {
  background: var(--accent-bright);
}

/* App card hover accents */
.product-tag.platform {
  background: rgba(245,184,0,0.12);
  color: var(--accent-bright);
}