/**
 * Ocean Calm — copied from ui-mockups/color-options.html [data-palette="ocean-calm"]
 * Default light theme for production app shell.
 */
html[data-theme="light"],
html:not([data-theme]) {
    --sf-bg: #eef4f8;
    --sf-surface: #ffffff;
    --sf-surface-2: #f0f7fb;
    --sf-text: #0c1929;
    --sf-text-secondary: #1e3a5f;
    --sf-text-muted: #334e68;
    --sf-border: #bcccdc;
    --sf-accent: #0369a1;
    --sf-accent-soft: #e0f2fe;
    --sf-accent-text: #ffffff;
    --sf-success-bg: #cffafe;
    --sf-success-text: #164e63;
    --sf-success-border: #67e8f9;
    --sf-role-bg: #e0e7ff;
    --sf-role-text: #312e81;
    --sf-role-border: #a5b4fc;
    --sf-btn-secondary-bg: #f0f7fb;
    --sf-btn-secondary-text: #0c1929;
    --sf-btn-secondary-border: #bcccdc;
    --sf-input-bg: #ffffff;
    --sf-input-placeholder: #64748b;
    --sf-heading: #0c1929;
    --sf-shadow: 0 4px 16px rgba(12, 25, 41, 0.08);
    --sf-accent-gradient: linear-gradient(135deg, #0369a1 0%, #075985 100%);

    --app-bg: var(--sf-bg);
    --app-surface: var(--sf-surface);
    --app-border: var(--sf-border);
    --app-text: var(--sf-text);
    --app-muted: var(--sf-text-muted);
    --app-accent: var(--sf-accent);
    --app-accent-soft: var(--sf-accent-soft);
    --app-accent-gradient: var(--sf-accent-gradient);
    --invin-card-bg: var(--sf-surface);
    --invin-card-shadow: var(--sf-shadow);
    --invin-input-bg: var(--sf-input-bg);
    --invin-input-border: var(--sf-border);
    --invin-panel-muted-bg: var(--sf-surface-2);
    --invin-stats-gradient: linear-gradient(135deg, #0369a1 0%, #0e7490 100%);
    --invin-heading: var(--sf-heading);
    --invin-text-secondary: var(--sf-text-secondary);
    --invin-status-bg: var(--sf-success-bg);
    --invin-status-text: var(--sf-success-text);
    --invin-status-border: var(--sf-success-border);
    --invin-btn-shadow: rgba(3, 105, 161, 0.35);
}

html[data-theme="light"] body.app-shell-enabled,
html:not([data-theme]) body.app-shell-enabled {
    background: #eef4f8 !important;
    color: #0c1929 !important;
}

html[data-theme="light"] body.app-shell-enabled .header,
html:not([data-theme]) body.app-shell-enabled .header {
    background: #ffffff !important;
    border: 1px solid #bcccdc !important;
    color: #0c1929 !important;
    text-shadow: none !important;
}

html[data-theme="light"] body.app-shell-enabled .header h1,
html:not([data-theme]) body.app-shell-enabled .header h1 {
    color: #0c1929 !important;
    text-shadow: none !important;
}

html[data-theme="light"] body.app-shell-enabled .header p,
html:not([data-theme]) body.app-shell-enabled .header p {
    color: #1e3a5f !important;
    opacity: 1 !important;
}

html[data-theme="light"] .app-view-title,
html:not([data-theme]) .app-view-title {
    color: #0c1929 !important;
}

html[data-theme="light"] .card,
html:not([data-theme]) .card {
    background: #ffffff !important;
    color: #0c1929 !important;
    border-color: #bcccdc !important;
    box-shadow: var(--sf-shadow) !important;
}

html[data-theme="light"] .card h2,
html:not([data-theme]) .card h2 {
    color: #0369a1 !important;
    border-bottom-color: #bcccdc !important;
}

html[data-theme="light"] .inventory-search-controls,
html[data-theme="light"] .inventory-filter-controls,
html[data-theme="light"] .inventory-pagination,
html:not([data-theme]) .inventory-search-controls,
html:not([data-theme]) .inventory-filter-controls,
html:not([data-theme]) .inventory-pagination {
    background: #f0f7fb !important;
    border: 1px solid #bcccdc !important;
}

html[data-theme="light"] .inventory-search-controls label,
html[data-theme="light"] .inventory-filter-controls .filter-group label,
html:not([data-theme]) .inventory-search-controls label,
html:not([data-theme]) .inventory-filter-controls .filter-group label {
    color: #1e3a5f !important;
}

html[data-theme="light"] .inventory-search-controls input[type="text"],
html[data-theme="light"] .inventory-filter-controls select,
html:not([data-theme]) .inventory-search-controls input[type="text"],
html:not([data-theme]) .inventory-filter-controls select {
    background: #ffffff !important;
    border-color: #bcccdc !important;
    color: #0c1929 !important;
}

html[data-theme="light"] .inventory-item,
html:not([data-theme]) .inventory-item {
    background: #f0f7fb !important;
    border-color: #bcccdc !important;
}

html[data-theme="light"] .inventory-grid .item-name,
html:not([data-theme]) .inventory-grid .item-name {
    color: #0c1929 !important;
}

html[data-theme="light"] .inventory-grid .item-details,
html:not([data-theme]) .inventory-grid .item-details {
    color: #334e68 !important;
    background: transparent !important;
}

html[data-theme="light"] .btn,
html:not([data-theme]) .btn {
    background: linear-gradient(135deg, #0369a1 0%, #075985 100%) !important;
    color: #ffffff !important;
}

html[data-theme="light"] .btn-secondary,
html:not([data-theme]) .btn-secondary {
    background: #f0f7fb !important;
    color: #0c1929 !important;
    border: 1px solid #bcccdc !important;
}

html[data-theme="light"] .inventory-controls .btn-scan-inventory,
html:not([data-theme]) .inventory-controls .btn-scan-inventory {
    background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%) !important;
    color: #ffffff !important;
}

html[data-theme="light"] body.app-shell-enabled .aws-status.connected,
html:not([data-theme]) body.app-shell-enabled .aws-status.connected {
    background: #cffafe !important;
    color: #164e63 !important;
    border: 1px solid #67e8f9 !important;
}

html[data-theme="light"] .user-role-display.premium,
html:not([data-theme]) .user-role-display.premium {
    background: linear-gradient(135deg, #e0e7ff 0%, #c7d2fe 100%) !important;
    color: #312e81 !important;
    border: 1px solid #a5b4fc !important;
}

html[data-theme="light"] .app-logo-mark,
html:not([data-theme]) .app-logo-mark {
    background: linear-gradient(135deg, #0369a1 0%, #075985 100%) !important;
}

html[data-theme="light"] .app-nav-btn.active,
html:not([data-theme]) .app-nav-btn.active {
    background: #e0f2fe !important;
    color: #0369a1 !important;
}