/* 
 * CSS Custom Properties für alle Farben der Anwendung
 * Diese Datei muss als erste CSS-Datei eingebunden werden
 * Alle anderen CSS-Dateien müssen die Farben aus dieser Datei verwenden
 */

:root {
  /* Hauptfarben aus dem Logo - SEO-DAY Corporate Colors - Hochauflösend und strahlend */
  --color-primary: #0d4f47;      /* Sauberes, tiefes Grün */
  --color-secondary: #ff8c42;    /* Strahlendes Orange */
  --color-accent: #ff8c42;       /* Orange als Akzentfarbe */
  
  /* Hintergrundfarben - Hochauflösend und strahlend sauber */
  --color-background-primary: #ffffff;      /* Reines, strahlendes Weiß */
  --color-background-secondary: #ffffff;    /* Identisch - keine Grautöne */
  --color-background-tertiary: #ffffff;     /* Identisch - keine Grautöne */
  --color-background-light: #ffffff;        /* Identisch - keine Grautöne */
  
  /* Textfarben - hochauflösend und sauber */
  --color-text-primary: #000000;            /* Reines Schwarz für maximale Lesbarkeit */
  --color-text-secondary: #333333;          /* Dunkles Grau für guten Kontrast */
  --color-text-muted: #666666;              /* Mittleres Grau für sekundäre Texte */
  
  /* Button-Farben - strahlend und modern */
  --color-button-primary: #0d4f47;
  --color-button-primary-hover: #0a3d36;
  --color-button-secondary: #ff8c42;
  --color-button-secondary-hover: #ff7a2e;
  --color-button-delete: #dc2626;
  --color-button-delete-hover: #b91c1c;
  
  /* Border-Farben - minimal und sauber */
  --color-border-primary: rgba(0, 0, 0, 0.08);    /* Sehr subtiles Schwarz */
  --color-border-secondary: rgba(13, 79, 71, 0.1); /* Sehr subtiles Grün */
  
  /* Status-Farben - klar und deutlich */
  --color-success: #059669;
  --color-error: #dc2626;
  --color-warning: #d97706;
  --color-info: #0284c7;
  
  /* Hover-Effekte - minimal und sauber */
  --color-hover-overlay: rgba(13, 79, 71, 0.04);  /* Sehr subtil */
  --color-focus-ring: #0d4f47;
  
  /* Schatten-Effekte - hochauflösend und sauber */
  --shadow-clean: 0 1px 3px rgba(0, 0, 0, 0.05);     /* Minimale Schatten */
  --shadow-clean-hover: 0 2px 8px rgba(0, 0, 0, 0.08); /* Sanfte Hover-Schatten */
  --shadow-clean-card: 0 1px 3px rgba(0, 0, 0, 0.03);  /* Card-Schatten */
}