/* Shared Theme Variables for SADAF Social Network */
/* This file defines common CSS variables for light and dark themes */

:root {
    /* Background Colors */
    --bg-primary: #ffffff;
    --bg-secondary: #f8fafc;
    --bg-tertiary: #f1f5f9;

    /* Text Colors */
    --text-primary: #0f172a;
    --text-secondary: #64748b;
    --text-muted: #94a3b8;

    /* Border Colors */
    --border-color: #e2e8f0;
    --border-light: #cbd5e1;

    /* Accent Colors */
    --accent: #3b82f6;
    --accent-hover: #2563eb;
    --accent-light: #60a5fa;

    /* Status Colors */
    --success: #10b981;
    --danger: #ef4444;
    --warning: #f59e0b;

    /* Shadows */
    --shadow: 0 4px 6px -1px rgba(0,0,0,0.1);
    --shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1);

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

    /* Gradients */
    --gradient-primary: linear-gradient(135deg, #3b82f6, #8b5cf6);
    --gradient-story: linear-gradient(135deg, #f59e0b, #ef4444, #ec4899);
}

/* Dark Mode */
.dark-mode {
    --bg-primary: #0f172a;
    --bg-secondary: #1e293b;
    --bg-tertiary: #334155;
    --text-primary: #f8fafc;
    --text-secondary: #94a3b8;
    --text-muted: #64748b;
    --border-color: rgba(255,255,255,0.1);
    --border-light: rgba(255,255,255,0.2);
    --accent: #60a5fa;
    --accent-hover: #3b82f6;
    --accent-light: #93c5fd;
}