/* DJCP Card Tokens v10.5.49 */
:root{
  --djcp-ui-radius: 26px;
  --djcp-ui-radius-inner: 18px;
  --djcp-ui-pad-y: 16px;
  --djcp-ui-pad-x: 18px;
  --djcp-ui-gap: 14px;
  --djcp-ui-min-h: 100px;
  --djcp-ui-icon: 58px;
  --djcp-ui-icon-svg: 26px;
  --djcp-ui-chevron: 48px;
  --djcp-ui-chevron-svg: 16px;
  --djcp-ui-title: 17px;
  --djcp-ui-subtitle: 13px;
  --djcp-ui-bg-dark: #05070b;
  --djcp-ui-bg-dark-soft: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  --djcp-ui-border-dark: rgba(255,255,255,.085);
  --djcp-ui-text-dark: #ffffff;
  --djcp-ui-text-dark-soft: rgba(255,255,255,.74);
  --djcp-ui-shadow-dark: 0 12px 28px rgba(0,0,0,.22);
  --djcp-ui-bg-light: #ffffff;
  --djcp-ui-bg-light-soft: linear-gradient(180deg, #fafcff, #f2f5f9);
  --djcp-ui-border-light: rgba(15,23,42,.08);
  --djcp-ui-text-light: #111827;
  --djcp-ui-text-light-soft: #6b7280;
  --djcp-ui-shadow-light: 0 12px 28px rgba(15,23,42,.06);
}
@media (max-width: 720px){
  :root{
    --djcp-ui-radius: 24px;
    --djcp-ui-radius-inner: 16px;
    --djcp-ui-pad-y: 15px;
    --djcp-ui-pad-x: 16px;
    --djcp-ui-gap: 12px;
    --djcp-ui-min-h: 94px;
    --djcp-ui-icon: 54px;
    --djcp-ui-icon-svg: 24px;
    --djcp-ui-chevron: 46px;
    --djcp-ui-chevron-svg: 15px;
    --djcp-ui-title: 16px;
    --djcp-ui-subtitle: 12.5px;
  }
}