/* ============================================================
   joy.date brand theme (template datingv2).
   datingv2 reads the accent from the .dv2[data-app] token block; the file is loaded by the header for every page.
   Default accent: violet. Alternative (red) tokens are kept below, commented - swap the two blocks and run
   tools/gen_joy_assets.sh with JOY_C1=#ef4565 JOY_C2=#b3162f JOY_ACC=#d1203f to get the matching logo/icons.
   Contrast (checked): violet #6d3fe0 on white 6.1:1, ink on soft 5.3:1.
   ============================================================ */
.dv2[data-app="joy"] {
  --dv2-accent: #6d3fe0; --dv2-accent-rgb: 109, 63, 224;
  --dv2-accent-ink: #6d3fe0; --dv2-accent-ink-rgb: 109, 63, 224;
  --dv2-accent-dark: #5732b3; --dv2-accent-dark-rgb: 87, 50, 179;
  --dv2-accent-soft: #f0ecfc; --dv2-accent-line: #ccbcf4;
}
/* red alternative:
.dv2[data-app="joy"] {
  --dv2-accent: #d1203f; --dv2-accent-rgb: 209, 32, 63;
  --dv2-accent-ink: #ca1f3d; --dv2-accent-ink-rgb: 202, 31, 61;
  --dv2-accent-dark: #a71932; --dv2-accent-dark-rgb: 167, 25, 50;
  --dv2-accent-soft: #fae9ec; --dv2-accent-line: #efb1bc;
}
*/

/* legacy guest pages (navbar logo size + Bootstrap primary) - same sizes as the other brands */
:root { --brand-primary: #6d3fe0; --brand-primary-light: #8b5cf6; --brand-primary-dark: #5732b3; }
.navbar-image img { max-height: 38px; margin: .1rem 0; }
@media screen and (max-width: 780px) { .navbar-image img { max-height: 26px; margin: .5rem 0; } }
@media screen and (max-width: 360px) { .navbar-image img { max-height: 22px; margin: .5rem 0; } }
.btn-primary { background-color: var(--brand-primary); border-color: var(--brand-primary); }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active { background-color: var(--brand-primary-dark); border-color: var(--brand-primary-dark); }
.btn-outline-primary { color: var(--brand-primary); border-color: var(--brand-primary); }
.btn-outline-primary:hover { background-color: var(--brand-primary); border-color: var(--brand-primary); color: #fff; }
a { color: #6d3fe0; }
body.landing nav { background: #fff; border-bottom: 1px solid #ccbcf4; }