/* =========================================================
   Exif Pro product accent
   Active when body has data-product-accent="exifpro-blue"
========================================================= */

body[data-product-accent="exifpro-blue"] {
    --brand: #0A84FF;
    --brand-2: #36C5F0;
    --brand-3: #8B5CF6;
  
    --product-exif-blue-1: #0A84FF;
    --product-exif-blue-2: #36C5F0;
    --product-exif-violet: #8B5CF6;
    --product-exif-orange: #FF9F0A;
  
    --product-exif-shadow: rgba(10, 132, 255, 0.34);
  }
  
  /* Background glow */
  body[data-product-accent="exifpro-blue"]::before {
    background:
      radial-gradient(
        circle at 12% 4%,
        rgba(10, 132, 255, 0.20),
        transparent 28rem
      ),
      radial-gradient(
        circle at 86% 8%,
        rgba(139, 92, 246, 0.14),
        transparent 26rem
      ),
      radial-gradient(
        circle at 50% 0%,
        rgba(54, 197, 240, 0.10),
        transparent 32rem
      ),
      radial-gradient(
        circle at 78% 34%,
        rgba(255, 159, 10, 0.07),
        transparent 24rem
      ),
      linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.02),
        transparent 26rem
      );
  }
  
  /* Navbar App Store button */
  body[data-product-accent="exifpro-blue"]
  .arthouse-product-download,
  body[data-product-accent="exifpro-blue"]
  .arthouse-product-download.arthouse-button-primary {
    border-color: transparent !important;
    color: #fff !important;
  
    background:
      linear-gradient(
        135deg,
        var(--product-exif-blue-1),
        var(--product-exif-blue-2)
      ) !important;
  
    box-shadow:
      0 12px 28px
      var(--product-exif-shadow) !important;
  }
  
  body[data-product-accent="exifpro-blue"]
  .arthouse-product-download:hover,
  body[data-product-accent="exifpro-blue"]
  .arthouse-product-download.arthouse-button-primary:hover {
    border-color: transparent !important;
    color: #fff !important;
  
    background:
      linear-gradient(
        135deg,
        var(--product-exif-violet),
        var(--product-exif-blue-1)
      ) !important;
  
    box-shadow:
      0 16px 34px
      var(--product-exif-shadow) !important;
  }
  
  /* Generic primary buttons */
  body[data-product-accent="exifpro-blue"]
  .button-primary,
  body[data-product-accent="exifpro-blue"]
  .button.button-primary,
  body[data-product-accent="exifpro-blue"]
  a[data-track-download].button-primary {
    border-color: transparent !important;
    color: #fff !important;
  
    background:
      linear-gradient(
        135deg,
        var(--product-exif-blue-1),
        var(--product-exif-blue-2)
      ) !important;
  
    box-shadow:
      0 12px 28px
      var(--product-exif-shadow) !important;
  }
  
  body[data-product-accent="exifpro-blue"]
  .button-primary:hover,
  body[data-product-accent="exifpro-blue"]
  .button.button-primary:hover,
  body[data-product-accent="exifpro-blue"]
  a[data-track-download].button-primary:hover {
    border-color: transparent !important;
    color: #fff !important;
  
    background:
      linear-gradient(
        135deg,
        var(--product-exif-violet),
        var(--product-exif-blue-1)
      ) !important;
  
    box-shadow:
      0 16px 34px
      var(--product-exif-shadow) !important;
  }
  
  /* Privacy hero glow */
  body[data-product-accent="exifpro-blue"] .legal-hero {
    background:
      radial-gradient(
        circle at 12% 18%,
        rgba(10, 132, 255, 0.17),
        transparent 26rem
      ),
      radial-gradient(
        circle at 88% 8%,
        rgba(139, 92, 246, 0.14),
        transparent 24rem
      ),
      radial-gradient(
        circle at 60% 5%,
        rgba(54, 197, 240, 0.08),
        transparent 28rem
      ),
      var(--bg);
  }
  
  /* Small dot before eyebrow */
  body[data-product-accent="exifpro-blue"]
  .eyebrow::before {
    background: var(--product-exif-blue-2);
  
    box-shadow:
      0 0 0 5px
      rgba(54, 197, 240, 0.14);
  }
  
  /* Eyebrow */
  body[data-product-accent="exifpro-blue"]
  .eyebrow {
    color: #B8DDFF;
  }
  
  html[data-theme="light"]
  body[data-product-accent="exifpro-blue"]
  .eyebrow {
    color: #0868C7;
  }
  
  /* Privacy links */
  body[data-product-accent="exifpro-blue"]
  .legal-content-card a {
    color: var(--product-exif-blue-2);
  }
  
  /* Active table-of-contents item */
  body[data-product-accent="exifpro-blue"]
  .legal-toc-nav a:hover,
  body[data-product-accent="exifpro-blue"]
  .legal-toc-nav a.is-active {
    color: var(--text-strong);
  
    border-left-color:
      var(--product-exif-blue-2);
  
    background:
      rgba(10, 132, 255, 0.12);
  }
  
  html[dir="rtl"]
  body[data-product-accent="exifpro-blue"]
  .legal-toc-nav a:hover,
  html[dir="rtl"]
  body[data-product-accent="exifpro-blue"]
  .legal-toc-nav a.is-active {
    border-left-color: transparent;
  
    border-right-color:
      var(--product-exif-blue-2);
  }