/* =========================================================
   FARBEN.CSS

   Zentrale Farbdefinitionen für die gesamte Website.

   Alle Farben werden über CSS-Variablen definiert.
   Dadurch können Farben zentral geändert und in allen
   CSS-Dateien wiederverwendet werden.
   ========================================================= */

:root {
  /* =====================================================
       GRUNDFARBEN
       ===================================================== */

  --color-white: #ffffff;
  --color-black: #000000;
  --color-schwarz: #000000;

  --color-red: #ff0000;
  --color-rot: #ff0000;

  --color-gelb: yellow;
  --color-gruen: #008800;
  --color-blau: #0059ff;

  --color-hellblau: #1182b7;
  --color-dunkelblau: #064571;

  --color-grau: #f2f2f2;

  /* =====================================================
       GRÜN / GELBGRÜN
       ===================================================== */

  --color-greenyellow: #adff2f;
  --color-aquamarine: aquamarine;
  --color-limegreen: #32cd32;

  --color-lime: lime;
  --color-olive: olive;

  --color-FLUORESCENT_grün: #08ff08;
  --color-LIGHTSABER_grün: #2ff924;

  --color-darkgreen: #006400;
  --color-forestgreen: #228b22;
  --color-seagreen: #2e8b57;
  --color-mediumseagreen: #3cb371;
  --color-springgreen: #00ff7f;
  --color-lightgreen: #90ee90;
  --color-palegreen: #98fb98;
  --color-yellowgreen: #9acd32;

  /* =====================================================
       BLAU / CYAN / TÜRKIS
       ===================================================== */

  --color-lightblue: lightblue;
  --color-azure: azure;

  --color-Cyan: #00ffff;
  --color-Aqua: Aqua;
  --color-turquoise: turquoise;

  --color-FLUORESCENT_blau: #11ffee;
  --color-darkblue: darkblue;

  --color-skyblue: #87ceeb;
  --color-deepskyblue: #00bfff;
  --color-dodgerblue: #1e90ff;
  --color-steelblue: #4682b4;
  --color-cornflowerblue: #6495ed;
  --color-royalblue: #4169e1;
  --color-mediumblue: #0000cd;
  --color-navy: #000080;
  --color-midnightblue: #191970;

  --color-teal: #008080;
  --color-darkcyan: #008b8b;
  --color-darkturquoise: #00ced1;
  --color-lightcyan: #e0ffff;
  --color-paleturquoise: #afeeee;

  /* =====================================================
       ROT / ROSA
       ===================================================== */

  --color-ight_red: #ff7276;
  --color-rhodamine_red: #e10098;

  --color-darkred: #8b0000;
  --color-firebrick: #b22222;
  --color-crimson: #dc143c;
  --color-tomato: #ff6347;
  --color-coral: #ff7f50;
  --color-salmon: #fa8072;
  --color-lightsalmon: #ffa07a;
  --color-lightcoral: #f08080;

  --color-pink: #ffc0cb;
  --color-hotpink: #ff69b4;
  --color-deeppink: #ff1493;
  --color-lightpink: #ffb6c1;

  --color-maroon: #800000;

  /* =====================================================
       GELB / ORANGE / GOLD
       ===================================================== */

  --color-LightYellow: LightYellow;
  --color-FLUORESCENT_YELLOW: #ccff00;

  --color-orange: orange;
  --color-gold: gold;
  --color-goldenrod: goldenrod;
  --color-DarkGoldenrod: #b8860b;

  --color-lightyellow: #ffffe0;
  --color-khaki: #f0e68c;
  --color-wheat: #f5deb3;

  --color-darkorange: #ff8c00;
  --color-orangered: #ff4500;

  --color-papayawhip: #ffefd5;
  --color-moccasin: #ffe4b5;
  --color-peachpuff: #ffdab9;

  /* =====================================================
       BRAUN
       ===================================================== */

  --color-braun: #a52a2a;
  --color-Chocolate: #d2691e;

  --color-brown: #a52a2a;
  --color-saddlebrown: #8b4513;
  --color-sienna: #a0522d;
  --color-peru: #cd853f;
  --color-tan: #d2b48c;

  --color-burlywood: #deb887;
  --color-rosybrown: #bc8f8f;

  /* =====================================================
       VIOLETT / LILA / MAGENTA
       ===================================================== */

  --color-purple: purple;

  --color-Fuchsia: Fuchsia;
  --color-Indigo: Indigo;
  --color-Magenta: Magenta;

  /* Bestehende Variable bleibt erhalten */
  --color-Firebrick: Fuchsia;

  --color-NEON_FUSCHIA: #db3eb1;

  --color-violet: #ee82ee;
  --color-plum: #dda0dd;
  --color-orchid: #da70d6;
  --color-mediumvioletred: #c71585;
  --color-darkviolet: #9400d3;
  --color-darkmagenta: #8b008b;
  --color-mediumpurple: #9370db;
  --color-rebeccapurple: #663399;

  --color-lavender: #e6e6fa;
  --color-thistle: #d8bfd8;

  /* =====================================================
       GRAUTÖNE
       ===================================================== */

  --color-Hellgrau: #cccccc;

  --color-lightgray: #d3d3d3;
  --color-silver: silver;

  --color-gray: #808080;
  --color-darkgray: #666666;
  --color-dimgray: #696969;
  --color-slategray: #708090;
  --color-darkslategray: #2f4f4f;

  --color-gainsboro: #dcdcdc;

  --color-lightgrey: #eeeeee;
  --color-darkgrey: #444444;

  /* =====================================================
       WEISS / HELL
       ===================================================== */

  --color-beige: beige;
  --color-snow: snow;

  --color-ivory: #fffff0;
  --color-floralwhite: #fffaf0;
  --color-whitesmoke: #f5f5f5;
  --color-ghostwhite: #f8f8ff;
  --color-seashell: #fff5ee;
  --color-linen: #faf0e6;

  --color-antiquewhite: #faebd7;
  --color-aliceblue: #f0f8ff;
  --color-honeydew: #f0fff0;
  --color-mintcream: #f5fffa;

  /* =====================================================
       DUNKLE FARBEN
       ===================================================== */

  --color-darkblack: #050505;

  --color-darkolivegreen: #556b2f;
  --color-darkslateblue: #483d8b;
  --color-darkslategray2: #2f4f4f;

  --color-darkkhaki: #bdb76b;
  --color-darkseagreen: #8fbc8f;

  /* =====================================================
       HINTERGRÜNDE
       ===================================================== */

  --color-background: #ffffff;
  --color-background-light: #f5f5f5;
  --color-background-gray: #f2f2f2;
  --color-background-dark: #222222;

  --color-surface: #ffffff;
  --color-surface-light: #fafafa;
  --color-surface-dark: #333333;

  /* =====================================================
       TEXTFARBEN
       ===================================================== */

  --color-text: #000000;
  --color-text-dark: #111111;
  --color-text-gray: #555555;
  --color-text-light: #777777;
  --color-text-muted: #999999;
  --color-text-white: #ffffff;

  /* =====================================================
       RAHMEN / LINIEN
       ===================================================== */

  --color-border: #cccccc;
  --color-border-light: #e0e0e0;
  --color-border-dark: #666666;
  --color-border-black: #000000;
  --color-border-white: #ffffff;

  /* =====================================================
       HOVER / AKTION
       ===================================================== */

  --color-hover: #adff2f;
  --color-hover-red: #ff0000;
  --color-hover-blue: #0059ff;
  --color-hover-green: #008800;
  --color-hover-dark: #222222;
  --color-hover-light: #f2f2f2;

  --color-active: #ff0000;
  --color-focus: #1182b7;

  /* =====================================================
       LINKS
       ===================================================== */

  --color-link: #0000ee;
  --color-link-hover: #ff0000;
  --color-link-visited: #551a8b;
  --color-link-active: #ff0000;

  /* =====================================================
       STATUSFARBEN
       ===================================================== */

  --color-success: #008800;
  --color-success-light: #90ee90;

  --color-warning: #ffa500;
  --color-warning-light: #ffff00;

  --color-error: #ff0000;
  --color-error-light: #ff7276;

  --color-info: #1182b7;
  --color-info-light: #87ceeb;

  /* =====================================================
       TRANSPARENZ / OVERLAY
       ===================================================== */

  --color-overlay-black: rgba(0, 0, 0, 0.5);
  --color-overlay-dark: rgba(0, 0, 0, 0.75);
  --color-overlay-light: rgba(255, 255, 255, 0.5);
  --color-overlay-white: rgba(255, 255, 255, 0.8);

  /* =====================================================
       METALLFARBEN
       ===================================================== */

  --color-bronze: #cd7f32;
  --color-copper: #b87333;
  --color-platinum: #e5e4e2;

  /* =====================================================
       ZUSÄTZLICHE WEBFARBEN
       ===================================================== */

  --color-aqua: #00ffff;
  --color-chartreuse: #7fff00;
  --color-cyan: #00ffff;
  --color-honeydew2: #f0fff0;
  --color-lime2: #00ff00;
  --color-olive-drab: #6b8e23;
  --color-slateblue: #6a5acd;
  --color-mediumturquoise: #48d1cc;
  --color-mediumaquamarine: #66cdaa;
  --color-mediumspringgreen: #00fa9a;

  /* =====================================================
       WEBSEITEN-SPEZIFISCHE FARBEN
       ===================================================== */

  /* Hauptfarbe */
  --color-primary: #1182b7;

  /* Sekundärfarbe */
  --color-secondary: #064571;

  /* Akzent */
  --color-accent: #adff2f;

  /* Warnung */
  --color-warning-main: #ffa500;

  /* Fehler */
  --color-danger: #ff0000;

  /* Erfolg */
  --color-success-main: #008800;

  /* Information */
  --color-info-main: #1182b7;
}