:root {
    --ep-bg: #f7f7fb;
    --ep-surface: #ffffff;
    --ep-surface-2: #f7f7fc;
    --ep-surface-3: #f1f2f7;
    --ep-hover: #f4f4f9;
    --ep-input-bg: #f5f5fa;
    --ep-border: #eceef5;
    --ep-border-2: #e2e5ef;
    --ep-text: #252641;
    --ep-text-2: #55566f;
    --ep-text-3: #6b6c8e;
    --ep-muted: #8b8ba7;
    --ep-muted-mobil: #6f7090;
    --ep-soft-tx: #7b7ca8;
    --ep-icon: #a9aac2;
    --ep-icon-2: #b3b3c9;
    --ep-icon-3: #c9cadb;
    --ep-primary: #4f46e5;
    --ep-primary-ink: #4f46e5;
    --ep-primary-600: #4338ca;
    --ep-primary-50: #eef0ff;
    --ep-primary-100: #e0e3ff;
    --ep-primary-200: #c9cdf7;
    --ep-violet: #6366f1;
    --ep-violet-bg: #eef0ff;
    --ep-violet-bd: #e0e3ff;
    --ep-violet-bd2: #b9bef5;
    --ep-violet-tint: #faf9ff;
    --ep-green: #10b981;
    --ep-green-bg: #e7f8f1;
    --ep-green-bd: #c9efe0;
    --ep-green-bd2: #96ddc3;
    --ep-green-tint: #f6fdfa;
    --ep-green-tx: #0f8f6c;
    --ep-amber: #f59e0b;
    --ep-amber-bg: #fef5e3;
    --ep-amber-bd: #fbe4bd;
    --ep-amber-bd2: #f5cd8c;
    --ep-amber-tint: #fffdf6;
    --ep-amber-tx: #b47407;
    --ep-pink: #ec4899;
    --ep-pink-bg: #fdeaf5;
    --ep-pink-bd: #fad4e8;
    --ep-pink-bd2: #f5aed2;
    --ep-pink-tint: #fff9fc;
    --ep-pink-tx: #d02a7d;
    --ep-blue: #3b82f6;
    --ep-blue-bg: #e8f1ff;
    --ep-blue-bd: #d2e3fd;
    --ep-blue-bd2: #a8c9fb;
    --ep-blue-tint: #f8fbff;
    --ep-blue-tx: #2b6fd6;
    --ep-red: #ef4444;
    --ep-red-bg: #fdecec;
    --ep-red-bd: #f7d4d4;
    --ep-red-tx: #d03a3a;
    --ep-qr-zemin: #ffffff;
    --ep-primary-uzeri: #ffffff;
    --ep-foto-rozet-zemin: rgba(15, 17, 26, .66);
    --ep-foto-rozet-yazi: #ffffff;
    --ep-shadow: 0 12px 32px rgba(37, 38, 65, .12);
    --ep-shadow-lg: 0 20px 48px rgba(37, 38, 65, .18);
    --ep-backdrop: #252641;
    --ep-backdrop-op: .42;
    --ep-backdrop-soft: rgba(37, 38, 65, .42);
    --ep-r-card: 16px;
    --ep-r-item: 10px;
}

[data-pc-theme="dark"] {
    --ep-bg: #131920;
    --ep-surface: #1b232d;
    --ep-surface-2: #202935;
    --ep-surface-3: #27323f;
    --ep-hover: #232d3a;
    --ep-input-bg: #202935;
    --ep-border: #263240;
    --ep-border-2: #33445a;
    --ep-text: #eef0f5;
    --ep-text-2: #c2c8d4;
    --ep-text-3: #99a2b1;
    --ep-muted: #8a93a3;
    --ep-muted-mobil: #a3adbd;
    --ep-soft-tx: #a9adde;
    --ep-icon: #6d7889;
    --ep-icon-2: #626d7e;
    --ep-icon-3: #4b5568;
    --ep-primary: #4f46e5;
    --ep-primary-ink: #a5b4fc;
    --ep-primary-600: #6366f1;
    --ep-primary-50: #202744;
    --ep-primary-100: #2c3560;
    --ep-primary-200: #3b4682;
    --ep-violet: #818cf8;
    --ep-violet-bg: #202744;
    --ep-violet-bd: #2c3560;
    --ep-violet-bd2: #3f4b8f;
    --ep-violet-tint: #1c2233;
    --ep-green: #34d399;
    --ep-green-bg: #12302a;
    --ep-green-bd: #1b4539;
    --ep-green-bd2: #276b56;
    --ep-green-tint: #16262a;
    --ep-green-tx: #4ade9f;
    --ep-amber: #fbbf24;
    --ep-amber-bg: #33270f;
    --ep-amber-bd: #4a3818;
    --ep-amber-bd2: #6f5423;
    --ep-amber-tint: #262218;
    --ep-amber-tx: #f5c65e;
    --ep-pink: #f472b6;
    --ep-pink-bg: #351b2b;
    --ep-pink-bd: #4c2740;
    --ep-pink-bd2: #723a5f;
    --ep-pink-tint: #251b25;
    --ep-pink-tx: #f78ac2;
    --ep-blue: #60a5fa;
    --ep-blue-bg: #172c47;
    --ep-blue-bd: #1f3d61;
    --ep-blue-bd2: #2e5a8c;
    --ep-blue-tint: #182430;
    --ep-blue-tx: #7fb8ff;
    --ep-red: #f87171;
    --ep-red-bg: #3a1d1f;
    --ep-red-bd: #5b2b2e;
    --ep-red-tx: #fca5a5;
    --ep-qr-zemin: #ffffff;
    --ep-primary-uzeri: #ffffff;
    --ep-foto-rozet-zemin: rgba(15, 17, 26, .66);
    --ep-foto-rozet-yazi: #ffffff;
    --ep-shadow: 0 12px 32px rgba(0, 0, 0, .45);
    --ep-shadow-lg: 0 20px 48px rgba(0, 0, 0, .55);
    --ep-backdrop: #05070a;
    --ep-backdrop-op: .62;
    --ep-backdrop-soft: rgba(0, 0, 0, .62);
    color-scheme: dark;
}