:root {
    --ag-bg: #f5f8ff;
    --ag-surface: rgba(255,255,255,0.78);
    --ag-card: #ffffff;
    --ag-text: #07111f;
    --ag-muted: #667085;
    --ag-border: rgba(7,17,31,0.10);
    --ag-primary: #6d5cff;
    --ag-secondary: #00b8ff;
    --ag-gold: #ffb84d;
    --ag-radius: 22px;
    --ag-container: 1320px;
}

html[data-theme="dark"] {
    --ag-bg: #05070d;
    --ag-surface: rgba(13,18,32,0.82);
    --ag-card: #101827;
    --ag-text: #ffffff;
    --ag-muted: #aab2c5;
    --ag-border: rgba(255,255,255,0.12);
    --ag-primary: #8a7cff;
    --ag-secondary: #00e0ff;
    --ag-gold: #ffd166;
}

* {
    box-sizing: border-box;
}

html {
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
}

body {
    margin: 0;
    padding: 0;
    direction: rtl;
    background: var(--ag-bg);
    color: var(--ag-text);
    font-family: "Cairo", Tahoma, sans-serif;
    font-size: 16px;
    line-height: 1.8;
}

html[data-font="tajawal"] body {
    font-family: "Tajawal", Tahoma, sans-serif;
}

html[data-font="changa"] body {
    font-family: "Changa", Tahoma, sans-serif;
}

a {
    color: inherit;
    text-decoration: none;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

button,
input,
textarea,
select {
    font-family: inherit;
}