/* Per-product accent palettes used by the homepage product cards. */
[data-product="vyaparcloud"] { --accent: #35C08A; --accent-2: #6FE0BE; --accent-3: #1F9E86; --accent-rgb: 53, 192, 138; --accent-2-rgb: 111, 224, 190; }
[data-product="ca-pranali"]  { --accent: #8E7CF0; --accent-2: #B4A8FF; --accent-3: #6C5AD6; --accent-rgb: 142, 124, 240; --accent-2-rgb: 180, 168, 255; }
[data-product="campusiq"]    { --accent: #4FB6E6; --accent-2: #7CD6F0; --accent-3: #2E86C7; --accent-rgb: 79, 182, 230; --accent-2-rgb: 124, 214, 240; }
[data-product="hrms"]        { --accent: #E8A24C; --accent-2: #F3C486; --accent-3: #CE8330; --accent-rgb: 232, 162, 76; --accent-2-rgb: 243, 196, 134; }
[data-product="nirmithvani"] { --accent: #EC6A9C; --accent-2: #F59CC0; --accent-3: #C94E80; --accent-rgb: 236, 106, 156; --accent-2-rgb: 245, 156, 192; }

.card[data-product] {
  --border-2: rgba(var(--accent-2-rgb), .28);
}

.card[data-product] .card-icon {
  background: linear-gradient(140deg, rgba(var(--accent-2-rgb), .16), rgba(var(--accent-rgb), .1));
}