/* ============================================================
   STOREFRONT THEME — Ganesh Shirsat Academy Brand Tokens
   ============================================================
   Scoped to .rc-app so AdminLayout (which doesn't carry that
   class) stays on the base admin palette from app.css.
   ============================================================ */

.rc-app {
  /* ── Primary (deep teal/dark green) ── */
  --navy:         #061d1b;   /* headers, titles, dark surfaces */
  --navy-light:   #0b2d2a;   /* hover / lighter primary        */
  --navy-dark:    #061d1b;   /* footer, deep sections          */

  /* ── Accent (academy red) ── */
  --orange:       #bd3538;   /* primary CTAs, highlights, links */
  --orange-dark:  #a82e31;   /* pressed state                   */

  /* ── Secondary accent (gold) ── */
  --green:        #c49a63;   /* badges, highlights              */
  --green-light:  #f8efe1;   /* soft bg                         */

  /* ── Brand aliases used across the storefront ── */
  --brand-primary:       var(--orange);
  --brand-primary-hover: var(--orange-dark);
  --brand-primary-deep:  var(--navy-dark);
  --brand-accent:        var(--green);
  --brand-gradient:      linear-gradient(135deg, var(--orange), var(--navy-dark));

  /* home-premium.css backward-compat aliases */
  --brand-blue:          var(--orange);
  --brand-blue-hover:    var(--orange-dark);
  --brand-blue-deep:     var(--navy-dark);
  --brand-azure:         var(--green);

  /* home-premium.css gradient-layer tokens */
  --p-navy:       #061d1b;
  --p-navy2:      #0b2d2a;
  --p-royal:      #bd3538;
  --p-orange:     #bd3538;
  --p-orange2:    #d85659;
  --p-green:      #c49a63;
  --p-green2:     #d8b385;

  /* ── Typography — GS Academy uses Poppins ── */
  --font-primary:   "Poppins", "Jost", sans-serif;
  --font-secondary: "Poppins", "Jost", sans-serif;

  /* ── Shape ── */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
}

/* ── Button overrides ── */
.rc-app .btn-primary { background: var(--brand-primary); color: #fff; border-color: var(--brand-primary); }
.rc-app .btn-primary:hover { background: var(--brand-primary-hover); border-color: var(--brand-primary-hover); }
.rc-app .btn-outline { background: #fff; border-color: var(--brand-primary); color: var(--brand-primary); }
.rc-app .btn-outline:hover { border-color: var(--brand-primary-hover); color: var(--brand-primary-hover); background: #fff6f6; }

/* ── Input focus rings ── */
.rc-app .form-input:focus,
.rc-app .filter-search:focus-within,
.rc-app .search-box input:focus,
.rc-app .coupon-input input:focus {
  border-color: var(--brand-primary);
  box-shadow: 0 0 0 3px rgba(189, 53, 56, .18);
}