/**
 * Design 2 icon tokens — scoped to premium layout + previews only.
 */
#card-shell.layout-shell[data-layout="premium"],
.layout-preview-shell[data-layout="premium"] {
  --d2-icon-fg: var(--contact-icon-color);
  --d2-icon-accent: var(--accent);
  --d2-tile-bg: linear-gradient(
    145deg,
    var(--contact-icon-bg-start),
    var(--contact-icon-bg-end)
  );
  --d2-tile-radius: 10px;
  --d2-social-tile-bg: linear-gradient(160deg, #f8fafc 0%, #94a3b8 45%, #64748b 100%);
  --d2-social-fg: var(--text-primary);
  --d2-social-fg-on-dark: var(--brand-icon-dark);
  --d2-social-fg-on-brand: var(--brand-icon-light);
  --d2-ui-icon: var(--accent);
}

/* Light themes on Design 2 */
:is(
    body:has(#card-shell[data-layout="premium"][data-design="white"]),
    #card-shell.layout-shell[data-layout="premium"][data-design="white"],
    .layout-preview-shell[data-layout="premium"][data-design="white"]
  ),
:is(
    body:has(#card-shell[data-layout="premium"][data-design="arctic-white"]),
    #card-shell.layout-shell[data-layout="premium"][data-design="arctic-white"],
    .layout-preview-shell[data-layout="premium"][data-design="arctic-white"]
  ),
:is(
    body:has(#card-shell[data-layout="premium"][data-design="ivory-prestige"]),
    #card-shell.layout-shell[data-layout="premium"][data-design="ivory-prestige"],
    .layout-preview-shell[data-layout="premium"][data-design="ivory-prestige"]
  ),
:is(
    body:has(#card-shell[data-layout="premium"][data-design="royal-ivory"]),
    #card-shell.layout-shell[data-layout="premium"][data-design="royal-ivory"],
    .layout-preview-shell[data-layout="premium"][data-design="royal-ivory"]
  ) {
  --d2-social-tile-bg: linear-gradient(160deg, #ffffff 0%, #e2e8f0 50%, #cbd5e1 100%);
  --d2-social-fg: var(--text-primary);
  --d2-icon-fg: var(--contact-icon-color);
}

:is(
    body:has(#card-shell[data-layout="premium"][data-design="royal-ivory"]),
    #card-shell.layout-shell[data-layout="premium"][data-design="royal-ivory"],
    .layout-preview-shell[data-layout="premium"][data-design="royal-ivory"]
  ) {
  --d2-social-tile-bg: linear-gradient(160deg, #fffdf9 0%, #ebe3d0 48%, #c9a962 100%);
}