/* SuperNova Light Theme */
/* Applied when data-theme="light" or no theme is set (default) */

:root[data-theme="light"],
:root:not([data-theme]) {
    /* Surface Colors */
    --sn-white: #ffffff;
    --sn-parchment: #fcfcfc;
    --sn-bg: #f1f5f9;
    --sn-bg-dark: #0f172a;

    /* Text Colors */
    --sn-text: #1e293b;
    --sn-text-dark: #0f172a;
    --sn-text-muted: #64748b;
    --sn-text-light: #94a3b8;

    /* Border Colors */
    --sn-border: #e2e8f0;
    --sn-border-light: #f1f5f9;

    /* Shadows */
    --sn-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --sn-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
    --sn-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
    --sn-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);

    /* Header */
    --sn-header-bg: rgba(255, 255, 255, 0.95);

    /* Hero overlay */
    --sn-hero-overlay: linear-gradient(to right, rgba(241, 245, 249, 0.95) 0%, rgba(241, 245, 249, 0.8) 40%, rgba(241, 245, 249, 0.4) 70%, transparent 100%);

    /* Dashboard card backgrounds */
    --sn-dashboard-primary-bg: rgba(30, 64, 175, 0.1);
    --sn-dashboard-success-bg: rgba(34, 197, 94, 0.1);
    --sn-dashboard-info-bg: rgba(14, 165, 233, 0.1);
    --sn-dashboard-warning-bg: rgba(245, 158, 11, 0.1);

    /* Radzen CSS Variable Overrides */
    --rz-base-background-color: var(--sn-parchment);
    --rz-base-color: var(--sn-text);

    /* Card styling */
    --rz-card-background-color: var(--sn-white);
    --rz-card-border: 1px solid var(--sn-border);

    /* Text colors */
    --rz-text-color: var(--sn-text);
    --rz-text-secondary-color: var(--sn-text-muted);
    --rz-text-tertiary-color: var(--sn-text-light);
    --rz-text-h1-color: var(--sn-text-dark);
    --rz-text-h2-color: var(--sn-text-dark);
    --rz-text-h3-color: var(--sn-text-dark);
    --rz-text-h4-color: var(--sn-text-dark);
    --rz-text-h5-color: var(--sn-text-dark);
    --rz-text-h6-color: var(--sn-text-dark);

    /* Input/Form styling */
    --rz-input-background-color: var(--sn-white);
    --rz-input-color: var(--sn-text);
    --rz-input-border: 1px solid var(--sn-border);
    --rz-input-focus-border: var(--sn-primary);
    --rz-input-placeholder-color: var(--sn-text-light);

    /* Form field styling */
    --rz-form-field-background-color: var(--sn-white);
    --rz-form-field-border-color: var(--sn-border);
    --rz-form-field-label-color: var(--sn-text-muted);

    /* Button styling */
    --rz-button-background-color: var(--sn-bg);
    --rz-button-color: var(--sn-text);

    /* Badge styling */
    --rz-badge-background-color: var(--sn-primary);

    /* DataGrid/Table styling */
    --rz-grid-header-background-color: var(--sn-bg);
    --rz-grid-header-color: var(--sn-text-dark);
    --rz-grid-cell-background-color: var(--sn-white);
    --rz-grid-cell-color: var(--sn-text);
    --rz-grid-row-hover-background-color: var(--sn-bg);
    --rz-grid-border-color: var(--sn-border);
    --rz-data-grid-header-background-color: var(--sn-bg);
    --rz-data-grid-cell-background-color: var(--sn-white);
    --rz-datatable-header-background-color: var(--sn-bg);
    --rz-datatable-cell-background-color: var(--sn-white);

    /* Dropdown styling */
    --rz-dropdown-background-color: var(--sn-white);
    --rz-dropdown-item-hover-background-color: var(--sn-bg);

    /* Progress bar */
    --rz-progressbar-track-color: var(--sn-border);
    --rz-progressbar-value-color: var(--sn-primary);
}