  * {
            font-family: 'Vazirmatn', Tahoma, Arial, sans-serif;
        }

        :root {
            --soull-bg: #f6f7fb;
            --soull-card: #ffffff;
            --soull-card-soft: #f8fafc;
            --soull-border: #e2e8f0;
            --soull-text: #0f172a;
            --soull-muted: #64748b;
            --soull-primary: #2563eb;
        }

        html.dark {
            --soull-bg: #050816;
            --soull-card: #0f172a;
            --soull-card-soft: #111827;
            --soull-border: #1e293b;
            --soull-text: #ffffff;
            --soull-muted: #94a3b8;
            --soull-primary: #60a5fa;
        }

        html,
        body {
            margin: 0;
            min-height: 100%;
            background: var(--soull-bg);
            color: var(--soull-text);
        }

        body {
            background:
                radial-gradient(circle at top right, rgba(37, 99, 235, .22), transparent 28%),
                radial-gradient(circle at top left, rgba(236, 72, 153, .14), transparent 26%),
                linear-gradient(180deg, var(--soull-bg), var(--soull-bg));
        }

        .soull-glass {
            background: color-mix(in srgb, var(--soull-card) 82%, transparent);
            backdrop-filter: blur(22px);
            border-color: var(--soull-border);
        }

        .soull-card {
            background: var(--soull-card);
            border-color: var(--soull-border);
            color: var(--soull-text);
        }

        .soull-soft {
            background: var(--soull-card-soft);
        }

        .soull-muted {
            color: var(--soull-muted);
        }

        .soull-border {
            border-color: var(--soull-border);
        }

        input,
        textarea,
        select {
            background: var(--soull-card);
            color: var(--soull-text);
            border-color: var(--soull-border);
        }

        input::placeholder,
        textarea::placeholder {
            color: var(--soull-muted);
        }

        a {
            color: inherit;
            text-decoration: none;
        }