[data-tema="light"] {
  --vanligLinje: #ffffff;
  --hoverLinje: #e8f5ff;
  --hoverLinjeTekst: #1a365d;
  --valgtLinje: #cce5ff;
  --tekstLinje: #2d3748;
  --menyVanlig: #ffffff;
  --menyVanligTekst: #2d3748;
  --menyHover: #0284c7;
  --menyHoverTekst: #ffffff;
  --menyValgt: #0369a1;
  --menyValgtTekst: #ffffff;
  --buttonKnapp: #0284c7;
  --buttonTekst: #ffffff;
  --bakgrunnsFarge: #f8fafc;
  --topbarBakgrunn: #ffffff;
  --bakgrunn: #ffffff;
  --tekst: #2d3748;
  --tekstFarge: #2d3748;
  --tekstfarge: #2d3748 !important;
  --inputBakgrunn: #f8fafc;
  --shadow: 0 2px 4px rgba(2, 132, 199, 0.06), 0 1px 2px rgba(2, 132, 199, 0.08);
  --shadow-md: 0 4px 6px rgba(2, 132, 199, 0.07),
    0 2px 4px rgba(2, 132, 199, 0.06);
  --shadow-lg: 0 10px 15px rgba(2, 132, 199, 0.06),
    0 4px 6px rgba(2, 132, 199, 0.08);
  --nf-input-border-color: #e2e8f0;
  --nf-input-focus-border-color: #0284c7;
  --ikon: #0284c7;

  --inputBorder: 2px solid #e2e8f0;
  --inputBorderFocus: 2px solid #0284c7;
}
[data-tema="dark"] {
  color-scheme: dark;
  --tekstfarge: #000 !important;
  --bakgrunnsFarge: #18191a;
  --bakgrunn: #242526;
  --topbarBakgrunn: #242526;
  --tekst: #fff;
  --placeholder: #fff;
  --inputBakgrunn: #202122;
  --vanligLinje: var(--bakgrunn);
  --hoverLinje: #464647;
  --hoverLinjeTekst: var(--tekst);
  --valgtLinje: #8b8c8c;
  --tekstLinje: var(--tekst);
  --menyVanlig: #464647;
  --menyVanligTekst: #fff;
  --menyValgt: #5693ee;
  --menyValgtTekst: #fff;
  --buttonKnapp: var(--menyValgt);
  --buttonTekst: var(--menyValgtTekst);
  --menyHover: #5693ee;
  --menyHoverTekst: #fff;
  --shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.3);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.3);
  --modern-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 4px 20px rgba(0, 0, 0, 0.3);
  --calendar-icon-filter: invert(0.8) sepia(0) saturate(100%) hue-rotate(0deg);
  --nf-input-border-color: #c0c4c9;
  --nf-input-focus-border-color: #3b4ce2;
  --ikon: #fff;

  --inputBorder: 2px solid #4b5563;
  --inputBorderFocus: 2px solid #60a5fa;
}
[data-tema="lightA"] {
  color-scheme: light;
  --vanligLinje: #ffffff;
  --hoverLinje: #f0f7ff;
  --hoverLinjeTekst: var(--tekst);
  --valgtLinje: #e3f2fd;
  --tekstLinje: var(--tekst);
  --menyVanlig: #ffffff;
  --menyVanligTekst: black;
  --menyHover: #3498db;
  --menyHoverTekst: #ffffff;
  --menyValgt: #2980b9;
  --menyValgtTekst: #ffffff;
  --buttonKnapp: var(--menyValgt);
  --buttonTekst: var(--menyValgtTekst);

  --bakgrunnsFarge: #f8fafc;
  --topbarBakgrunn: #ffffff;
  --bakgrunn: #ffffff;
  --tekst: black;
  --tekstFarge: black;
  --inputBakgrunn: #f8fafc;
  --shadow: 0 2px 4px rgba(45, 55, 72, 0.1);
  --shadow-md: 0 4px 6px rgba(45, 55, 72, 0.1);
  --shadow-lg: 0 10px 15px rgba(45, 55, 72, 0.1);
  --nf-input-border-color: #cbd5e0;
  --nf-input-focus-border-color: #3b4ce2;
  --ikon: #000;

  --inputBorder: 2px solid #e5e7eb;
  --inputBorderFocus: 2px solid #3498db;
}
[data-tema="darkA"] {
  color-scheme: dark;
  --vanligLinje: #0f1011;
  --hoverLinje: #161819;
  --hoverLinjeTekst: var(--tekst);
  --valgtLinje: #1d1f21;
  --tekstLinje: var(--tekst);
  --menyVanlig: #0f1011;
  --menyVanligTekst: #dadce0;
  --menyHover: #2f3336;
  --menyHoverTekst: #ffffff;
  --menyValgt: #2980b9;
  --menyValgtTekst: #ffffff;
  --buttonKnapp: var(--menyValgt);
  --buttonTekst: var(--menyValgtTekst);
  --bakgrunnsFarge: #0a0b0c;
  --topbarBakgrunn: #0f1011;
  --bakgrunn: #0f1011;
  --tekst: #fff;
  --tekstfarge: #dadce0;
  --inputBakgrunn: #161819;
  --placeholder: #8b8d91;
  --shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.5);
  --modern-shadow: 0 1px 3px rgba(0, 0, 0, 0.6), 0 4px 20px rgba(0, 0, 0, 0.6);
  --calendar-icon-filter: invert(0.85) sepia(0) saturate(0%) hue-rotate(0deg);
  --nf-input-border-color: #eadfe1;
  --nf-input-focus-border-color: #3b4ce2;
  --ikon: #fff;

  --inputBorder: 2px solid #374151;
  --inputBorderFocus: 2px solid #2980b9;
}

[data-tema="lightHC"] {
  color-scheme: light;
  --vanligLinje: #ffffff;
  --hoverLinje: #000;
  --hoverLinjeTekst: var(--vanligLinje);

  --valgtLinje: #000;
  --tekstLinje: #fff;

  --menyVanlig: #ffffff;
  --menyVanligTekst: #000000;
  --menyHover: #000000;
  --menyHoverTekst: #ffffff;
  --menyValgt: #000000;
  --menyValgtTekst: #ffffff;
  --buttonKnapp: #000000;
  --buttonTekst: #ffffff;
  --bakgrunnsFarge: #ffffff;
  --topbarBakgrunn: #ffffff;
  --bakgrunn: #ffffff;
  --tekst: #000000;
  --tekstFarge: #000000;
  --inputBakgrunn: #ffffff;
  --shadow: none;
  --shadow-md: none;
  --shadow-lg: none;
  --nf-input-border-color: #000000;
  --placeholder: #595959;
  --nf-input-focus-border-color: #000;
  --ikon: #000;

  --inputBorder: 2px solid #000000;
  --inputBorderFocus: 2px solid #000000;

  small {
    color: #000000 !important;
  }
}

[data-tema="darkHC"] {
  color-scheme: dark;
  --vanligLinje: #000000;
  --hoverLinje: #fff;
  --hoverLinjeTekst: #000;

  --valgtLinje: #fff;
  --tekstLinje: #000;
  --menyVanlig: #000000;
  --menyVanligTekst: #000;
  --menyHover: #ffffff;
  --menyHoverTekst: #000000;
  --menyValgt: #ffffff;
  --menyValgtTekst: #000000;
  --buttonKnapp: #ffffff;
  --buttonTekst: #000000;
  --bakgrunnsFarge: #000000;
  --topbarBakgrunn: #000000;
  --bakgrunn: #000000;
  --tekst: #ffffff;
  --tekstFarge: #ffffff;
  --inputBakgrunn: #000000;
  --shadow: none;
  --shadow-md: none;
  --shadow-lg: none;
  --nf-input-border-color: #ffffff;
  --placeholder: #cccccc;
  --calendar-icon-filter: invert(1);
  --nf-input-focus-border-color: #3b4ce2;
  --ikon: #eee;

  --inputBorder: 2px solid #ffffff;
  --inputBorderFocus: 2px solid #ffffff;

  small {
    color: #ffffff !important;
  }
}
[data-tema="lightBlue"] {
  color-scheme: light;
  --vanligLinje: #ffffff;
  --hoverLinje: #f0f9ff;
  --hoverLinjeTekst: #0c4a6e;
  --valgtLinje: #e0f2fe;
  --tekstLinje: #0c4a6e;
  --menyVanlig: #ffffff;
  --menyVanligTekst: #0c4a6e;
  --menyHover: #0ea5e9;
  --menyHoverTekst: #ffffff;
  --menyValgt: #0284c7;
  --menyValgtTekst: #ffffff;
  --buttonKnapp: #0ea5e9;
  --buttonTekst: #ffffff;
  --bakgrunnsFarge: #f0f9ff;
  --topbarBakgrunn: #ffffff;
  --bakgrunn: #ffffff;
  --tekst: #0c4a6e;
  --tekstFarge: #0c4a6e;
  --inputBakgrunn: #f0f9ff;
  --shadow: 0 2px 4px rgba(14, 165, 233, 0.1);
  --shadow-md: 0 4px 6px rgba(14, 165, 233, 0.1);
  --shadow-lg: 0 10px 15px rgba(14, 165, 233, 0.1);
  --nf-input-border-color: #bae6fd;
  --nf-input-focus-border-color: #0ea5e9;
  --ikon: #0ea5e9;

  --inputBorder: 2px solid #bae6fd;
  --inputBorderFocus: 2px solid #0ea5e9;
}
[data-tema="darkBlue"] {
  color-scheme: dark;
  --vanligLinje: #0f172a;
  --hoverLinje: #1e293b;
  --hoverLinjeTekst: #e2e8f0;
  --valgtLinje: #334155;
  --tekstLinje: #e2e8f0;
  --menyVanlig: #0f172a;
  --menyVanligTekst: #e2e8f0;
  --menyHover: #2563eb;
  --menyHoverTekst: #ffffff;
  --menyValgt: #1d4ed8;
  --menyValgtTekst: #ffffff;
  --buttonKnapp: #2563eb;
  --buttonTekst: #ffffff;
  --bakgrunnsFarge: #020617;
  --topbarBakgrunn: #0f172a;
  --bakgrunn: #0f172a;
  --tekst: #e2e8f0;
  --tekstFarge: #e2e8f0;
  --inputBakgrunn: #1e293b;
  --placeholder: #94a3b8;
  --shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.3);
  --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.3);
  --modern-shadow: 0 1px 3px rgba(0, 0, 0, 0.4), 0 4px 20px rgba(0, 0, 0, 0.3);
  --nf-input-border-color: #334155;
  --nf-input-focus-border-color: #2563eb;
  --ikon: #3b82f6;
  --calendar-icon-filter: invert(0.9);
  --inputBorder: 2px solid #334155;
  --inputBorderFocus: 2px solid #2563eb;
}