/**
 * DosiPlot v5.0 — Simulation Monte Carlo Interactive
 * © 2025 Pr. Yassine OULHOUQ
 * Université Mohammed Premier (UMP) — Oujda, Maroc
 * Module: Theme Light — Light Color Scheme
 */

/* ============================================
   LIGHT THEME
   Applied via [data-theme="light"]
   ============================================ */

[data-theme="light"] {
  /* --- Background Surfaces --- */
  --bg0: #f5f7fa;
  --bg1: #ffffff;
  --bg2: #eef2f7;
  --bg3: #e2e8f0;
  --bg4: #d4dde8;

  /* --- Glass / Overlay --- */
  --bg-glass: rgba(255, 255, 255, 0.92);
  --bg-glass-heavy: rgba(255, 255, 255, 0.96);
  --bg-overlay: rgba(0, 0, 0, 0.35);

  /* --- Borders --- */
  --border: rgba(0, 40, 100, 0.12);
  --border2: rgba(0, 40, 100, 0.2);
  --border3: rgba(0, 40, 100, 0.3);
  --border-glow: rgba(0, 100, 200, 0.1);
  --border-subtle: rgba(0, 40, 100, 0.06);

  /* --- Text Colors --- */
  --t1: #1a2332;
  --t2: #3d4f65;
  --t3: #6b7d93;
  --t4: #94a3b8;
  --t-inverse: #ffffff;

  /* --- Primary / Photon Blue --- */
  --blue: #0070cc;
  --blue-lt: rgba(0, 112, 204, 0.07);
  --blue-bg: rgba(0, 112, 204, 0.03);
  --blue-glow: rgba(0, 112, 204, 0.15);
  --blue-hover: #005baa;
  --blue-active: #004d91;

  /* --- Secondary / Cyan --- */
  --cyan: #0891b2;
  --cyan-lt: rgba(8, 145, 178, 0.07);
  --cyan-bg: rgba(8, 145, 178, 0.03);
  --cyan-glow: rgba(8, 145, 178, 0.15);

  /* --- Electron / Amber --- */
  --amber: #d97706;
  --amber-lt: rgba(217, 119, 6, 0.07);
  --amber-bg: rgba(217, 119, 6, 0.03);
  --amber-glow: rgba(217, 119, 6, 0.15);
  --amber-hover: #b86606;
  --amber-active: #9a5505;

  /* --- Semantic: Success / Green --- */
  --green: #059669;
  --green-lt: rgba(5, 150, 105, 0.07);
  --green-bg: rgba(5, 150, 105, 0.03);
  --green-glow: rgba(5, 150, 105, 0.15);

  /* --- Semantic: Error / Red --- */
  --red: #dc2626;
  --red-lt: rgba(220, 38, 38, 0.07);
  --red-bg: rgba(220, 38, 38, 0.03);
  --red-glow: rgba(220, 38, 38, 0.15);

  /* --- Semantic: Warning / Orange --- */
  --warning: #d97706;
  --warning-lt: rgba(217, 119, 6, 0.07);
  --warning-bg: rgba(217, 119, 6, 0.03);

  /* --- Semantic: Info / Violet --- */
  --purple: #7c3aed;
  --purple-lt: rgba(124, 58, 237, 0.07);
  --info: #2563eb;
  --info-lt: rgba(37, 99, 235, 0.07);

  /* --- Shadows --- */
  --shadow: 0 1px 4px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow2: 0 4px 16px rgba(0, 0, 0, 0.08), 0 2px 6px rgba(0, 0, 0, 0.04);
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.1), 0 4px 12px rgba(0, 0, 0, 0.06);
  --shadow-inner: inset 0 2px 4px rgba(0, 0, 0, 0.06);

  /* --- Glows --- */
  --glow-blue: 0 1px 8px rgba(0, 112, 204, 0.1);
  --glow-amber: 0 1px 8px rgba(217, 119, 6, 0.1);
  --glow-green: 0 1px 8px rgba(5, 150, 105, 0.1);
  --glow-red: 0 1px 8px rgba(220, 38, 38, 0.1);
  --glow-purple: 0 1px 8px rgba(124, 58, 237, 0.1);

  /* --- Gradients --- */
  --gradient-primary: linear-gradient(135deg, #0070cc, #0891b2);
  --gradient-photon: linear-gradient(135deg, #a07000, #cc8800);
  --gradient-electron: linear-gradient(135deg, #007a8a, #0099cc);
  --gradient-success: linear-gradient(135deg, #047857, #059669);
  --gradient-surface: linear-gradient(180deg, #fff, #f5f7fa);
  --gradient-header: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(245, 247, 250, 0.96));

  /* Override background image */
  background-image: none;
}

[data-theme="light"] {
  color-scheme: light;
}

/* ============================================
   LIGHT THEME — Component Overrides
   ============================================ */

/* Header */
[data-theme="light"] .hdr {
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 1px 0 var(--border), 0 2px 10px rgba(0, 0, 0, 0.04);
}

/* Logo */
[data-theme="light"] .logo {
  box-shadow: 0 2px 8px rgba(0, 112, 204, 0.2);
}

[data-theme="light"] .logo::after {
  background: linear-gradient(135deg, transparent 40%, rgba(255, 255, 255, 0.25) 50%, transparent 60%);
}

/* App Title */
[data-theme="light"] .app-t span {
  background: linear-gradient(135deg, #0070cc, #0891b2);
  -webkit-background-clip: text;
  background-clip: text;
}

/* Author */
[data-theme="light"] .app-author::before {
  background: linear-gradient(90deg, #0070cc, #0891b2);
}

/* Status Dot */
[data-theme="light"] .dot {
  background: #059669;
  box-shadow: 0 0 6px #059669;
}

/* Tabs */
[data-theme="light"] .tabs {
  background: linear-gradient(180deg, #fff, #f5f7fa);
}

[data-theme="light"] .tab.active {
  color: #0070cc;
  border-bottom-color: #0070cc;
  background: rgba(0, 112, 204, 0.05);
  box-shadow: none;
}

/* Sidebar */
[data-theme="light"] .sb {
  background: linear-gradient(180deg, #fff, #f5f7fa);
}

/* Buttons */
[data-theme="light"] .btn-run.photon {
  background: linear-gradient(135deg, #a07000, #cc8800);
  box-shadow: 0 2px 8px rgba(204, 136, 0, 0.25);
}

[data-theme="light"] .btn-run.electron {
  background: linear-gradient(135deg, #007a8a, #0099cc);
  color: #fff;
  box-shadow: 0 2px 8px rgba(0, 153, 204, 0.25);
}

/* Mode Toggle */
[data-theme="light"] .mode-toggle.on .mode-switch {
  background: rgba(5, 150, 105, 0.15);
  border-color: rgba(5, 150, 105, 0.3);
}

[data-theme="light"] .mode-toggle.on .mode-switch::after {
  background: #059669;
  box-shadow: 0 0 6px rgba(5, 150, 105, 0.3);
}

/* Result Cards */
[data-theme="light"] .pc-v {
  color: #0070cc;
  text-shadow: none;
}

[data-theme="light"] .pc-v.elec {
  color: #d97706;
  text-shadow: none;
}

/* Phantom Box */
[data-theme="light"] .phantom-box {
  background: linear-gradient(180deg, #fff, #f5f7fa);
}

/* Chart Box */
[data-theme="light"] .chart-box {
  background: linear-gradient(180deg, #fff, rgba(255, 255, 255, 0.8));
}

[data-theme="light"] .chart-box::before {
  background: linear-gradient(90deg, transparent, rgba(0, 112, 204, 0.12), transparent);
}

/* MC Progress Bar */
[data-theme="light"] .mc-bar.photon {
  background: linear-gradient(90deg, #005caa, #0070cc, #0891b2);
  box-shadow: 0 0 6px rgba(0, 112, 204, 0.2);
}

[data-theme="light"] .mc-bar.electron {
  background: linear-gradient(90deg, #b86606, #d97706, #f59e0b);
  box-shadow: 0 0 6px rgba(217, 119, 6, 0.2);
}

/* TRS-398 */
[data-theme="light"] .trs-chart {
  background: linear-gradient(180deg, #fff, rgba(255, 255, 255, 0.8));
}

[data-theme="light"] .trs-steps {
  background: linear-gradient(180deg, #fff, #f5f7fa);
}

[data-theme="light"] .step.active {
  border-color: rgba(0, 112, 204, 0.3);
  background: rgba(0, 112, 204, 0.05);
  box-shadow: none;
}

[data-theme="light"] .step.done {
  border-color: rgba(5, 150, 105, 0.3);
  background: rgba(5, 150, 105, 0.05);
}

[data-theme="light"] .step.elec-active {
  opacity: 1;
  border-color: rgba(180, 83, 9, 0.3);
  background: rgba(180, 83, 9, 0.05);
  box-shadow: none;
}

[data-theme="light"] .step.elec-done {
  opacity: 1;
  border-color: rgba(5, 150, 105, 0.3);
  background: rgba(5, 150, 105, 0.05);
}

[data-theme="light"] .step-num {
  box-shadow: none;
}

[data-theme="light"] .step-val {
  text-shadow: none;
}

[data-theme="light"] .step-formula {
  color: #0070cc;
  text-shadow: none;
}

[data-theme="light"] .trs-result {
  background: rgba(5, 150, 105, 0.05);
  border-color: rgba(5, 150, 105, 0.25);
  box-shadow: none;
}

[data-theme="light"] .trs-result-val {
  text-shadow: none;
}

/* Modal */
[data-theme="light"] .pw-box {
  border-color: var(--border);
  box-shadow: var(--shadow2);
}

/* Toast */
[data-theme="light"] .toast {
  border-color: #059669;
  color: #059669;
  box-shadow: var(--shadow2);
}

/* Select Options */
[data-theme="light"] select option {
  background: #fff;
  color: #1a2332;
}

/* Theme Toggle Button */
[data-theme="light"] .theme-btn .icon-sun {
  opacity: 1;
  transform: rotate(0) scale(1);
}

[data-theme="light"] .theme-btn .icon-moon {
  opacity: 0;
  transform: rotate(90deg) scale(0.5);
}

/* LINAC Tree */
[data-theme="light"] .linac-root {
  color: #3d4f65;
  background: #eef2f7;
  border-color: rgba(0, 40, 100, 0.18);
  -webkit-text-fill-color: #3d4f65;
}

[data-theme="light"] .linac-conn::before,
[data-theme="light"] .linac-conn .lc-h::after {
  background: rgba(0, 40, 100, 0.18);
}

[data-theme="light"] .branch-ph {
  background: rgba(204, 136, 0, 0.10);
  color: #cc8800;
  border-color: rgba(204, 136, 0, 0.30);
  -webkit-text-fill-color: #cc8800;
}

[data-theme="light"] .branch-el {
  background: rgba(0, 153, 204, 0.10);
  color: #0099cc;
  border-color: rgba(0, 153, 204, 0.30);
  -webkit-text-fill-color: #0099cc;
}

/* Language Button */
[data-theme="light"] .lang-btn.active {
  background: #0070cc;
}

/* Cursor Info */
[data-theme="light"] .cursor-info {
  background: rgba(255, 255, 255, 0.95);
  color: #1a2332;
  border: 1px solid rgba(0, 40, 100, 0.15);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}

/* ============================================
   LIGHT THEME — TP Module Overrides
   ============================================ */
[data-theme="light"] .tp-tab {
  background: linear-gradient(135deg, #047857, #065f46) !important;
}

[data-theme="light"] .tp-phase {
  background: #f8fafc;
  border-color: rgba(0, 40, 100, 0.15);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

[data-theme="light"] .tp-phase-title {
  color: #059669;
}

[data-theme="light"] .tp-phase-title.photon-title {
  color: #2563eb;
}

[data-theme="light"] .tp-question {
  color: #3d4f65;
}

[data-theme="light"] .tp-input-row label {
  color: #3d4f65;
}

[data-theme="light"] .tp-input {
  background: #fff;
  border-color: rgba(0, 40, 100, 0.2);
  color: #1a2332;
}

[data-theme="light"] .tp-input:focus {
  border-color: #059669;
  box-shadow: 0 0 0 2px rgba(5, 150, 105, 0.15);
}

[data-theme="light"] .tp-btn-check {
  background: #059669;
}

[data-theme="light"] .tp-btn-check:hover {
  background: #047857;
}

[data-theme="light"] .tp-btn-check.photon-btn {
  background: #2563eb;
}

[data-theme="light"] .tp-btn-check.photon-btn:hover {
  background: #1d4ed8;
}

[data-theme="light"] .tp-feedback.correct {
  background: rgba(5, 150, 105, 0.08);
  color: #047857;
  border-color: rgba(5, 150, 105, 0.25);
}

[data-theme="light"] .tp-feedback.wrong {
  background: rgba(220, 38, 38, 0.08);
  color: #dc2626;
  border-color: rgba(220, 38, 38, 0.25);
}

[data-theme="light"] .tp-feedback.info {
  background: rgba(37, 99, 235, 0.08);
  color: #2563eb;
  border-color: rgba(37, 99, 235, 0.25);
}

[data-theme="light"] .tp-score {
  background: linear-gradient(135deg, rgba(5, 150, 105, 0.06), rgba(37, 99, 235, 0.06));
  border-color: rgba(5, 150, 105, 0.2);
}

[data-theme="light"] .tp-score-val {
  color: #059669;
}

[data-theme="light"] .tp-note {
  color: #92400e;
  background: rgba(245, 158, 11, 0.08);
  border-color: rgba(245, 158, 11, 0.2);
}

[data-theme="light"] .tp-note strong {
  color: #b45309;
}

[data-theme="light"] #tc-tp1 h2 {
  color: #2563eb;
}

[data-theme="light"] #tc-tp2 h2 {
  color: #059669;
}

[data-theme="light"] #tc-tp1 p,
[data-theme="light"] #tc-tp2 p {
  color: #3d4f65;
}

/* ============================================
   LIGHT THEME — Notes & Empirical Overrides
   ============================================ */
[data-theme="light"] .mv-note {
  color: #1e40af;
  background: rgba(37, 99, 235, 0.06);
  border-left-color: #2563eb;
}

[data-theme="light"] .mv-note strong {
  color: #1e3a8a;
}

[data-theme="light"] .eprof-depth-note {
  color: #92400e;
  background: rgba(180, 83, 9, 0.06);
  border-left-color: #b45309;
}

[data-theme="light"] .eprof-depth-note strong {
  color: #78350f;
}

[data-theme="light"] .empirical-panel {
  background: rgba(124, 58, 237, 0.05);
  border-color: rgba(124, 58, 237, 0.2);
}

[data-theme="light"] .empirical-title {
  color: #7c3aed;
}

[data-theme="light"] .empirical-row .emp-label {
  color: #3d4f65;
}

[data-theme="light"] .empirical-row .emp-val {
  color: #7c3aed;
}

[data-theme="light"] .empirical-row .emp-ok {
  color: #059669;
}

[data-theme="light"] .empirical-row .emp-warn {
  color: #d97706;
}

/* ============================================
   LIGHT THEME — Comparison & Export Overrides
   ============================================ */
[data-theme="light"] .cmp-unlock-msg {
  color: #92400e;
}

[data-theme="light"] .btn-export-cmp {
  border-color: #059669;
  color: #059669;
}

[data-theme="light"] .btn-export-cmp:hover {
  background: rgba(5, 150, 105, 0.08);
}

/* ============================================
   LIGHT THEME — Additional Component Overrides
   ============================================ */

/* Comparison Chart Box */
[data-theme="light"] .cmp-chart-box {
  background: linear-gradient(180deg, #fff, rgba(255, 255, 255, 0.8));
}

/* Comparison Table */
[data-theme="light"] .cmp-table th {
  background: #eef2f7;
  color: #1a2332;
}

[data-theme="light"] .cmp-table td {
  color: #3d4f65;
}

[data-theme="light"] .cmp-table tr:hover td {
  background: rgba(0, 112, 204, 0.04);
}

/* Comparison Guidance */
[data-theme="light"] .cmp-guidance {
  background: #f8fafc;
  border-color: rgba(0, 40, 100, 0.12);
}

/* Auth Badge */
[data-theme="light"] .auth-badge-student {
  color: #0070cc;
  background: rgba(0, 112, 204, 0.06);
  border-color: rgba(0, 112, 204, 0.2);
}

[data-theme="light"] .auth-badge-teacher {
  color: #d97706;
  background: rgba(217, 119, 6, 0.06);
  border-color: rgba(217, 119, 6, 0.2);
}

/* About Button */
[data-theme="light"] .about-btn {
  border-color: rgba(0, 40, 100, 0.15);
  color: #3d4f65;
}

[data-theme="light"] .about-btn:hover {
  background: rgba(0, 112, 204, 0.06);
  border-color: #0070cc;
  color: #0070cc;
}

/* Sidebar Glow */
[data-theme="light"] .sb::before {
  background: linear-gradient(90deg, transparent, rgba(0, 112, 204, 0.1), transparent);
}

/* Panel Title */
[data-theme="light"] .pnl-t {
  color: #3d4f65;
}

[data-theme="light"] .pnl-t::before {
  background: #0070cc;
}

[data-theme="light"] .pnl-t.elec::before {
  background: #d97706;
}

/* Form Select */
[data-theme="light"] .fg select,
[data-theme="light"] select {
  background: #fff;
  border-color: rgba(0, 40, 100, 0.15);
  color: #1a2332;
}

[data-theme="light"] .fg select:focus,
[data-theme="light"] select:focus {
  border-color: #0070cc;
  box-shadow: 0 0 0 2px rgba(0, 112, 204, 0.1);
}

/* Form Labels */
[data-theme="light"] .fl {
  color: #3d4f65;
}

/* Result Cards */
[data-theme="light"] .pc {
  background: #fff;
  border-color: rgba(0, 40, 100, 0.1);
}

[data-theme="light"] .pc:hover {
  border-color: rgba(0, 40, 100, 0.2);
}

[data-theme="light"] .pc-l {
  color: #6b7d93;
}

[data-theme="light"] .pc-u {
  color: #94a3b8;
}

/* Separator */
[data-theme="light"] .sep {
  border-color: rgba(0, 40, 100, 0.08);
}

/* Physics Panel */
[data-theme="light"] .phys-toggle {
  border-color: rgba(0, 40, 100, 0.12);
  background: #f8fafc;
}

[data-theme="light"] .phys-body.open {
  background: #f8fafc;
  border-color: rgba(0, 40, 100, 0.1);
}

[data-theme="light"] .phys-zone {
  background: rgba(0, 112, 204, 0.03);
  border-color: rgba(0, 112, 204, 0.12);
}

[data-theme="light"] .phys-zone.elec {
  background: rgba(217, 119, 6, 0.03);
  border-color: rgba(217, 119, 6, 0.12);
}

/* MC Simulation */
[data-theme="light"] .mc-msg {
  color: #3d4f65;
}

[data-theme="light"] .mc-bar-w {
  background: #e2e8f0;
}

[data-theme="light"] .mc-stats span {
  color: #3d4f65;
}

/* Phantom Canvas */
[data-theme="light"] .phantom-title {
  color: #3d4f65;
}

/* Glossary Tooltips */
[data-theme="light"] .gloss-tip {
  background: #1a2332;
  color: #fff;
}

/* Data Table */
[data-theme="light"] .dt th {
  background: #eef2f7;
  color: #3d4f65;
}

[data-theme="light"] .dt td {
  color: #1a2332;
  border-color: rgba(0, 40, 100, 0.06);
}

[data-theme="light"] .dt tr:hover td {
  background: rgba(0, 112, 204, 0.03);
}

/* Password Modal */
[data-theme="light"] .pw-modal {
  background: rgba(0, 0, 0, 0.3);
}

[data-theme="light"] .pw-box {
  background: #fff;
}

[data-theme="light"] .pw-box h3 {
  color: #1a2332;
}

[data-theme="light"] .pw-box p {
  color: #3d4f65;
}

[data-theme="light"] .pw-input {
  background: #f8fafc;
  border-color: rgba(0, 40, 100, 0.15);
  color: #1a2332;
}

[data-theme="light"] .pw-input:focus {
  border-color: #0070cc;
}

/* Chart Badge */
[data-theme="light"] .cb {
  color: #6b7d93;
  border-color: rgba(0, 40, 100, 0.12);
  background: rgba(0, 40, 100, 0.04);
}

[data-theme="light"] .ct {
  color: #3d4f65;
}

/* Tabs TP overrides */
[data-theme="light"] .tab {
  color: #6b7d93;
}

[data-theme="light"] .tab:hover {
  color: #3d4f65;
  background: rgba(0, 112, 204, 0.04);
}

/* Header shadow fix */
[data-theme="light"] .hdr {
  box-shadow: 0 1px 0 var(--border), 0 2px 10px rgba(0, 0, 0, 0.04);
}

/* ============================================
   BACKWARD COMPATIBILITY — body.light-mode
   Maps old body.light-mode to new system
   ============================================ */
body.light-mode {
  --bg0: #f5f7fa;
  --bg1: #ffffff;
  --bg2: #eef2f7;
  --bg3: #e2e8f0;
  --bg4: #d4dde8;
  --bg-glass: rgba(255, 255, 255, 0.92);
  --bg-glass-heavy: rgba(255, 255, 255, 0.96);
  --bg-overlay: rgba(0, 0, 0, 0.35);
  --border: rgba(0, 40, 100, 0.12);
  --border2: rgba(0, 40, 100, 0.2);
  --border3: rgba(0, 40, 100, 0.3);
  --border-glow: rgba(0, 100, 200, 0.1);
  --border-subtle: rgba(0, 40, 100, 0.06);
  --t1: #1a2332;
  --t2: #3d4f65;
  --t3: #6b7d93;
  --t4: #94a3b8;
  --t-inverse: #ffffff;
  --blue: #0070cc;
  --blue-lt: rgba(0, 112, 204, 0.07);
  --blue-bg: rgba(0, 112, 204, 0.03);
  --blue-glow: rgba(0, 112, 204, 0.15);
  --blue-hover: #005baa;
  --blue-active: #004d91;
  --cyan: #0891b2;
  --cyan-lt: rgba(8, 145, 178, 0.07);
  --cyan-bg: rgba(8, 145, 178, 0.03);
  --cyan-glow: rgba(8, 145, 178, 0.15);
  --green: #059669;
  --green-lt: rgba(5, 150, 105, 0.07);
  --green-bg: rgba(5, 150, 105, 0.03);
  --green-glow: rgba(5, 150, 105, 0.15);
  --amber: #d97706;
  --amber-lt: rgba(217, 119, 6, 0.07);
  --amber-bg: rgba(217, 119, 6, 0.03);
  --amber-glow: rgba(217, 119, 6, 0.15);
  --amber-hover: #b86606;
  --amber-active: #9a5505;
  --red: #dc2626;
  --red-lt: rgba(220, 38, 38, 0.07);
  --red-bg: rgba(220, 38, 38, 0.03);
  --red-glow: rgba(220, 38, 38, 0.15);
  --warning: #d97706;
  --purple: #7c3aed;
  --purple-lt: rgba(124, 58, 237, 0.07);
  --info: #2563eb;
  --shadow: 0 1px 4px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow2: 0 4px 16px rgba(0, 0, 0, 0.08), 0 2px 6px rgba(0, 0, 0, 0.04);
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.1), 0 4px 12px rgba(0, 0, 0, 0.06);
  --shadow-inner: inset 0 2px 4px rgba(0, 0, 0, 0.06);
  --glow-blue: 0 1px 8px rgba(0, 112, 204, 0.1);
  --glow-amber: 0 1px 8px rgba(217, 119, 6, 0.1);
  --glow-green: 0 1px 8px rgba(5, 150, 105, 0.1);
  --glow-red: 0 1px 8px rgba(220, 38, 38, 0.1);
  --gradient-primary: linear-gradient(135deg, #0070cc, #0891b2);
  --gradient-photon: linear-gradient(135deg, #a07000, #cc8800);
  --gradient-electron: linear-gradient(135deg, #007a8a, #0099cc);
  --gradient-success: linear-gradient(135deg, #047857, #059669);
  --gradient-surface: linear-gradient(180deg, #fff, #f5f7fa);
  --gradient-header: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(245, 247, 250, 0.96));
  background-image: none;
}