/* Bapet Shop Auth — design tokens. Exact copy of bapet-mag style.css :root (DESIGN.md light scheme). Scoped to auth markup so the shop theme is untouched. */

.auth-modal,
.bapet-shop-auth-slot,
.site-header__avatar-btn,
.site-header__user-menu {
  --primary-main: #FCCFD1;
  --primary-light: #FBE7E8;
  --primary-dark: #9E5C5F;
  --primary-contrast: #000000;

  --secondary-main: #C5F2E3;
  --secondary-light: #E6F9F3;
  --secondary-dark: #638378;
  --secondary-contrast: #000000;

  --tertiary-main: #000000;
  --tertiary-light: #C2C2C2;
  --tertiary-contrast: #FFFFFF;

  --accent-main: #AB7AE0;
  --accent-light: #EBD7FA;
  --accent-dark: #642AB5;
  --accent-contrast: #000000;

  --error-main: #FB2C36;
  --error-light: #FEDBDD;
  --error-dark: #9F0712;
  --error-contrast: #FFFFFF;

  --warning-main: #FFA45C;
  --warning-light: #FFE1CD;
  --warning-dark: #B57441;
  --warning-contrast: #000000;

  --success-main: #96C97F;
  --success-light: #D6F0C0;
  --success-dark: #59784C;
  --success-contrast: #000000;

  --info-main: #4589D8;
  --info-light: #DBEAFE;
  --info-dark: #2F50B5;
  --info-contrast: #FFFFFF;

  --text-primary: #0C0C0C;
  --text-secondary: #62666D;
  --background-default: #FFFFFF;
  --background-paper: #F7F7F7;
  --background-foreground: #EDEDED;
  --divider: #E0E0E2;
  --gray: #C2C2C2;
  --action-hover: #00000014;

  --radius-sm: 3px;
  --radius-md: 4px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-pill: 100px;

  --font-family: "DanaFaNum", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --line-height: 1.5;
  --transition: 0.3s ease;
  --disabled-opacity: 0.48;
}

/* Mag is RTL Persian-first; the shop theme may be LTR, so force auth
   markup into the mag direction instead of inheriting the page. */
.auth-modal,
.bapet-shop-auth-slot {
  direction: rtl;
  font-family: var(--font-family);
  line-height: var(--line-height);
}

.auth-modal__phone-input,
.auth-modal__otp-input,
.auth-modal__phone-prefix,
.auth-modal__otp-phone,
.auth-modal__resend-counter {
  font-family: var(--font-family);
}