:root {
    --body: linear-gradient(180deg,#0b1024,#101731 48%,#0b1126);
    --panel: linear-gradient(180deg,#171f40,#111a36);
    --surface: #182142;
    --surface2: #202a50;
    --text: #f7f9ff;
    --text2: #d4daeb;
    --muted: #929dbd;
    --line: rgba(151,168,218,.16);
    --gold: #f4bb3c;
    --gold-soft: rgba(244,187,60,.10);
    --green: #26da89;
    --green-soft: rgba(38,218,137,.11);
    --red: #ff4966;
    --red-soft: rgba(255,73,102,.11);
    --purple: #9c64ff;
    --purple-soft: rgba(156,100,255,.12);
    --shadow: 0 18px 48px rgba(0,0,0,.25);
}

html[data-theme="light"] {
    --body: linear-gradient(180deg,#fafcff,#f2f5fb);
    --panel: linear-gradient(180deg,#ffffff,#fafcff);
    --surface: #f5f7fb;
    --surface2: #edf1f7;
    --text: #18213a;
    --text2: #46516c;
    --muted: #737f99;
    --line: rgba(39,53,88,.10);
    --gold-soft: rgba(209,149,25,.09);
    --green-soft: rgba(26,175,105,.09);
    --red-soft: rgba(220,56,80,.08);
    --purple-soft: rgba(156,100,255,.07);
    --shadow: 0 14px 38px rgba(38,53,86,.08);
}

* {
    box-sizing: border-box
}

html {
    scroll-behavior: smooth
}

body {
    margin: 0;
    min-height: 100vh;
    font-family: "Vazirmatn",sans-serif;
    color: var(--text);
    background: var(--body);
}

button, input, select {
    font-family: "Vazirmatn",sans-serif
}

button {
    color: inherit
}