/* Shared Theme Variables for SADAF Social Network */
/* This file maps layout-level variable names to theme system variables */
/* ⚠️ رنگ‌ها از سیستم قالب (themes/*/variables.css + dark.css) می‌آیند */

:root {
    /* Background Colors — از طوسی‌های قالب */
    --bg-primary: var(--gray-50);
    --bg-secondary: var(--gray-100);
    --bg-tertiary: var(--gray-200);

    /* Text Colors — از طوسی‌های قالب */
    --text-primary: var(--gray-900);
    --text-secondary: var(--gray-500);
    --text-muted: var(--gray-400);

    /* Border Colors — از طوسی‌های قالب */
    --border-color: var(--gray-200);
    --border-light: var(--gray-300);

    /* Accent Colors — از رنگ اصلی قالب */
    --accent: var(--primary-500);
    --accent-hover: var(--primary-600);
    --accent-light: var(--primary-400);

    /* Status Colors — از متغیرهای قالب */
    --success: var(--success, #10b981);
    --danger: var(--danger, #ef4444);
    --warning: var(--warning, #f59e0b);

    /* Shadows — از متغیرهای قالب */
    --shadow: var(--shadow-md);
    --shadow-lg: var(--shadow-lg);

    /* Border Radius */
    --radius: 8px;
    --radius-lg: 16px;

    /* Gradients — از رنگ‌های قالب */
    --gradient-primary: linear-gradient(135deg, var(--primary-500), var(--secondary-500));
    --gradient-story: linear-gradient(135deg, var(--warning), var(--danger), var(--secondary-500));

    /* Message module colors — از متغیرهای قالب */
    --msg-sent-bg: var(--p, var(--primary-500));
    --msg-sent-text: #ffffff;
    --msg-received-bg: var(--w, var(--gray-50));
    --msg-received-text: var(--t, var(--gray-900));
}

/* Dark Mode — متغیرها به صورت خودکار از themes/*/dark.css تغییر می‌کنند */
/* نیازی به بازنویسی اینجا نیست — چون --gray-* و --primary-* از dark.css می‌آیند */