/*
 * Girmiad design tokens (2.0, calmed down in 2.8).
 * Shared by the theme, the account/seller panels and the sign-in page.
 * 2.8: lighter paper, soft hairline edges and soft shadows instead of heavy
 * ink borders and hard offset shadows; the same tokens keep every component in step.
 */
@font-face {
  font-family: Lalezar;
  src: url("fonts/lalezar-arabic.woff2") format("woff2");
  font-display: swap;
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}
@font-face {
  font-family: Lalezar;
  src: url("fonts/lalezar-latin.woff2") format("woff2");
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root {
  --v-paper: #f6f7fb;
  --v-card: #ffffff;
  --v-card-2: #f3f5fb;
  --v-ink: #17193b;
  --v-text: #1e2147;
  --v-muted: #5c6186;
  --v-line: #e3e6f1;
  --v-edge: #d3d8ea;
  --v-primary: #4338f5;
  --v-primary-2: #2f25d6;
  --v-on-primary: #ffffff;
  --v-yellow: #ffc83d;
  --v-on-yellow: #2a2100;
  --v-mint: #0f9a73;
  --v-coral: #e2405b;
  --v-shadow: #17193b1f;
  --v-focus: #ffc83d;
  --v-link: #3a2fe0;
  --v-radius: 14px;
  --v-radius-sm: 10px;
  /* Hard offset shadow: lifts toward the reading start (RTL). */
  --v-lift: 4px;
  --v-shadow-card: 0 1px 2px #17193b0f, 0 8px 24px #17193b0f;
  --v-shadow-hover: 0 2px 4px #17193b14, 0 14px 32px #17193b1a;
  --v-shadow-sm: 0 1px 2px #17193b12, 0 3px 10px #17193b0d;
  --v-display: Lalezar, Vazirmatn, Tahoma, sans-serif;
  --v-body: Vazirmatn, Tahoma, sans-serif;
  --v-dots: radial-gradient(circle, #17193b09 1px, transparent 1.4px);
}
.dmx-dark,
:root.dmx-dark {
  --v-paper: #13142c;
  --v-card: #1c1e40;
  --v-card-2: #24275a;
  --v-ink: #f3f2ff;
  --v-text: #e6e5fb;
  --v-muted: #a4a7cd;
  --v-line: #2b2e60;
  --v-edge: #34377a;
  --v-primary: #8178ff;
  --v-primary-2: #9d96ff;
  --v-on-primary: #0d0e24;
  --v-yellow: #ffd465;
  --v-on-yellow: #241c00;
  --v-mint: #3cd3a0;
  --v-coral: #ff7189;
  --v-shadow: #00000066;
  --v-shadow-card: 0 1px 2px #0000004d, 0 8px 24px #00000040;
  --v-shadow-hover: 0 2px 4px #00000059, 0 14px 32px #00000059;
  --v-shadow-sm: 0 1px 2px #0000004d, 0 3px 10px #00000033;
  --v-focus: #ffd465;
  --v-link: #a9a3ff;
  --v-dots: radial-gradient(circle, #ffffff10 1px, transparent 1.4px);
}