/* Cnn2rtl — light theme (default) */
:root,
[data-theme="light"] {
    --bg-page: #f8fafc;
    --bg-surface: #ffffff;
    --bg-muted: #f1f5f9;
    --bg-elevated: #ffffff;
    --border: #e2e8f0;
    --border-subtle: #f1f5f9;
    --text-primary: #0f172a;
    --text-secondary: #64748b;
    --text-muted: #94a3b8;
    --text-on-primary: #ffffff;

    --primary: #3b82f6;
    --primary-hover: #2563eb;
    --primary-soft: #eff6ff;
    --primary-ring: rgba(59, 130, 246, 0.15);

    --accent: #f97316;
    --accent-hover: #ea580c;
    --accent-soft: #fff7ed;

    --data: #0ea5e9;
    --data-hover: #0284c7;
    --data-soft: #f0f9ff;

    --success: #10b981;
    --success-hover: #059669;
    --success-soft: #ecfdf5;

    --danger: #ef4444;
    --danger-soft: #fef2f2;

    --header-bg: linear-gradient(135deg, #0f172a 0%, #1e3a5f 50%, #0f172a 100%);
    --header-text: #ffffff;
    --header-text-muted: #cbd5e1;
    --stepper-bg: #ffffff;
    --stepper-border: #e2e8f0;
    --footer-bg: #0f172a;
    --footer-text: #94a3b8;
    --footer-link: #60a5fa;

    --sky-400: #38bdf8;
    --sky-500: #0ea5e9;
    --sky-600: #0284c7;
    --emerald-400: #34d399;
    --emerald-500: #10b981;
    --emerald-600: #059669;
    --emerald-100: #d1fae5;

    color-scheme: light;
}