/**
 * AM Cloud - Light Theme
 * Light mode color tokens
 */

[data-theme="light"],
:root {
    /* Bootstrap Variable Overrides for Light Mode */
    --bs-body-bg: #ffffff;
    --bs-body-color: #1e293b;
    --background: #ffffff;

    /* Landing Page Background Colors */
    --page-bg: #ffffff;
    --page-gradient: linear-gradient(180deg, #ffffff 0%, #f8fafc 60%, #f1f5f9 100%);
    --surface: #ffffff;
    --surface-alt: #f8fafc;

    /* Background Colors */
    --bg-primary: #ffffff;
    --bg-secondary: #f8fafc;
    --bg-tertiary: #f1f5f9;
    --bg-gradient-start: #667eea;
    --bg-gradient-end: #764ba2;

    /* Text Colors */
    --text-primary: #1e293b;
    --text-secondary: #475569;
    --text-tertiary: #64748b;
    --text-muted: #94a3b8;
    --text-inverse: #ffffff;

    /* Border Colors */
    --border: #e2e8f0;
    --border-primary: #e2e8f0;
    --border-secondary: #cbd5e1;
    --border-focus: var(--brand-accent);

    /* Input Colors */
    --input-bg: #ffffff;
    --input-border: #e2e8f0;
    --input-focus: var(--brand-accent);
    --input-placeholder: #94a3b8;
    --input-disabled-bg: #f1f5f9;
    --input-disabled-text: #cbd5e1;

    /* Card/Panel Colors */
    --card-bg: #ffffff;
    --card-border: #e2e8f0;
    --card-shadow: var(--shadow-lg);
    --card-hover-shadow: var(--shadow-xl);

    /* Button Colors */
    --btn-primary-bg: var(--brand-accent);
    --btn-primary-text: #ffffff;
    --btn-primary-hover: #2563eb;

    --btn-secondary-bg: #f1f5f9;
    --btn-secondary-text: var(--text-primary);
    --btn-secondary-hover: #e2e8f0;

    /* Navigation/Sidebar */
    --nav-bg: rgba(255, 255, 255, 0.88);
    --nav-bg-solid: rgba(255, 255, 255, 0.97);
    --nav-border: rgba(226, 232, 240, 0.7);
    --nav-shadow: 0 12px 30px -22px rgba(15, 23, 42, 0.45);
    --nav-item-hover: #f8fafc;
    --nav-item-active: #eff6ff;
    --nav-item-active-text: var(--brand-accent);
    --nav-item-active-border: var(--brand-accent);

    /* Status Colors (Semantic) */
    --success-bg: #f0fdf4;
    --success-text: #166534;
    --success-border: #86efac;

    --warning-bg: #fffbeb;
    --warning-text: #92400e;
    --warning-border: #fde68a;

    --error-bg: #fef2f2;
    --error-text: #991b1b;
    --error-border: #fecaca;

    --info-bg: #f0f9ff;
    --info-text: #075985;
    --info-border: #bae6fd;

    /* Brand Colors */
    --brand-blue: #2563eb;
    --brand-blue-light: #3b82f6;
    --brand-indigo: #4338ca;
    --brand-purple: #7c3aed;

    /* Card Gradient for Light Mode */
    --card-gradient: linear-gradient(160deg, rgba(255, 255, 255, 0.96), rgba(241, 245, 255, 0.92));
    --card-gradient-strong: linear-gradient(160deg, rgba(255, 255, 255, 1), rgba(241, 245, 249, 0.95));

    /* Shadow enhancements */
    --shadow-card: 0 4px 12px -4px rgba(15, 23, 42, 0.1);
    --shadow-card-strong: 0 12px 24px -8px rgba(15, 23, 42, 0.2);
}
