/* ===================================================================
   O2Life | Design Tokens مشترک بین تمام صفحات
   پالت: شیشه‌ی تاریک + نئون سبز/آبی (ادامه‌دار با لندینگ‌پیج)
=================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&family=Space+Mono:wght@400;700&display=swap');

:root {
    /* ---------- رنگ پایه ---------- */
    --bg-base: #070b0a;
    --bg-elevated: #0d1413;
    --glass-fill: rgba(22, 32, 30, 0.55);
    --glass-border: rgba(255, 255, 255, 0.08);

    /* ---------- نئون ---------- */
    --neon-green: #39ff8e;
    --neon-green-dim: rgba(57, 255, 142, 0.15);
    --neon-blue: #4fd1ff;
    --neon-blue-dim: rgba(79, 209, 255, 0.15);

    /* ---------- وضعیت ---------- */
    --amber: #ffd66b;
    --coral: #ff6b5c;
    --coral-dim: rgba(255, 107, 92, 0.15);

    /* ---------- متن ---------- */
    --text-primary: #eef5f1;
    --text-secondary: #9fb3ac;
    --text-muted: #5c6f69;

    /* ---------- تایپوگرافی ---------- */
    --font-body: 'Vazirmatn', sans-serif;
    --font-mono: 'Space Mono', monospace;

    /* ---------- شکل ---------- */
    --radius-sm: 12px;
    --radius-md: 20px;
    --radius-lg: 32px;
    --blur: blur(18px);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: var(--font-body);
    background: var(--bg-base);
    color: var(--text-primary);
    direction: rtl;
    min-height: 100vh;
    overflow-x: hidden;
}

::selection {
    background: var(--neon-green-dim);
    color: var(--neon-green);
}

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

button {
    font-family: var(--font-body);
    cursor: pointer;
    border: none;
    background: none;
}

input, textarea, select {
    font-family: var(--font-body);
}

::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: var(--bg-base);
}
::-webkit-scrollbar-thumb {
    background: var(--glass-border);
    border-radius: 10px;
}

/* ---------- کلاس کمکی شیشه‌ای ---------- */
.glass {
    background: var(--glass-fill);
    border: 1px solid var(--glass-border);
    backdrop-filter: var(--blur);
    -webkit-backdrop-filter: var(--blur);
    border-radius: var(--radius-md);
}

:focus-visible {
    outline: 2px solid var(--neon-green);
    outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}