/**
 * colors.css - Farbpalette und Variablen (V2-Vorlage index_v17)
 */
:root {
  --color-orange: #FC4C02;
  --color-orange-hover: #e04402;
  --color-accent: #FC4C02;
  --color-accent-hover: #c93d02;
  --color-text: #46464B;
  --color-background: #FFFFFF;
  --color-anthracite: #46464B;
  --color-turquoise: #5CB8B2;
  --color-yellow: #FEDD00;
  --color-lightblue: #4FC8E9;
  --color-darkred: #9D0051;
  --color-black: #2C2A29;
  --color-white: #FFFFFF;
  --color-gray-10: #f7f7f7;
  --color-gray-20: #D4D4D6;
  --color-gray-50: #8A8A8E;
  --color-orange-gradient-end: #ff6b2c;
  --color-event-gold: #b89a00;
  --color-product-image-gradient-start: #1a2a3a;
  --color-product-image-gradient-end: #0d1b2a;
  --color-table-border: rgba(70, 70, 75, 0.2);
  --color-ai-overview-bg: var(--color-white);
  --color-ai-overview-border: rgba(70, 70, 75, 0.15);
  --color-table-row-bg: var(--color-white);
  --color-table-row-hover: rgba(70, 70, 75, 0.06);
  --shadow-sm: 0 2px 8px rgba(70, 70, 75, 0.08);
  --shadow-md: 0 4px 16px rgba(70, 70, 75, 0.12);
  --shadow-lg: 0 8px 32px rgba(70, 70, 75, 0.16);
  --shadow-hover: 0 12px 40px rgba(70, 70, 75, 0.20);
  --color-search-focus-ring: rgba(252, 76, 2, 0.12);
  --color-hero-badge-gradient-start: rgba(252, 76, 2, 0.1);
  --color-hero-badge-gradient-end: rgba(92, 184, 178, 0.1);
  --color-hero-badge-border: rgba(252, 76, 2, 0.2);
  --color-carousel-arrow-border: rgba(252, 76, 2, 0.15);
  --color-carousel-arrow-bg: rgba(252, 76, 2, 0.1);
  --shadow-product-card-hover: 0 12px 24px rgba(70, 70, 75, 0.12), 0 4px 8px rgba(70, 70, 75, 0.08);
  --shadow-product-card-search-rest: 0 1px 4px rgba(70, 70, 75, 0.06);
  --shadow-product-card-search-hover: 0 2px 8px rgba(70, 70, 75, 0.08);
  --color-result-tag-tech-bg: rgba(92, 184, 178, 0.15);
  --color-result-tag-press-bg: rgba(252, 76, 2, 0.15);
  --color-result-tag-event-bg: rgba(254, 221, 0, 0.2);
  --color-result-tag-doc-bg: rgba(70, 70, 75, 0.1);
  --color-result-item-hover-bg: rgba(252, 76, 2, 0.04);
  --color-result-item-hover-border: rgba(252, 76, 2, 0.15);
  --color-orange-overlay-light: rgba(252, 76, 2, 0.08);
  --color-orange-overlay-medium: rgba(252, 76, 2, 0.12);
  --color-anthracite-overlay-strong: rgba(70, 70, 75, 0.4);
  --hexagon-size: 120px;
  --transition-fast: 0.2s ease;
  --transition-medium: 0.3s ease;
  --transition-slow: 0.5s ease;
  --color-footer-bg: #46464b;
  --color-footer-text: #e9eaeb;
  --color-footer-meta: #a9b5bb;
  --color-footer-link-light: #f2f2f2;
  --color-cart-badge-bg: #ff0000;
  --color-cart-stroke: #231f20;
  --color-dropdown-border: #d6d8de;
  --color-dropdown-hover-bg: #f5f6f8;
  --color-dropdown-hover-text: #2f3540;
  --color-dropdown-text: #6a707a;
  --color-mobile-nav-overlay: rgba(70, 70, 75, 0.9);
  --color-mobile-nav-divider: rgba(255, 255, 255, 0.16);
  --color-dropdown-shadow: rgba(0, 0, 0, 0.12);
  --color-cart-transparent: rgba(255, 255, 255, 0);
  --color-cookie-optin-backdrop: rgba(22, 24, 28, 0.62);
  --color-cookie-box-bg: #ffffff;
  --color-cookie-box-text-primary: #2f3540;
  --color-cookie-box-text-secondary: #4d5360;
  --color-cookie-option-text: #373d46;
  --color-cookie-close-icon: #69707a;
  --shadow-cookie-optin-box: 0 20px 60px rgba(0, 0, 0, 0.28);
  --color-cookie-border-top: #fc4c02;
  --color-stickynav-focus-ring: #de4303;
  --color-vector-import-log-pre-bg: #1e1e1e;
  --color-vector-import-log-pre-text: #d4d4d4;
  --color-vector-import-log-pre-border: #333333;
  --color-vector-import-log-json-key: #9cdcfe;
  --color-vector-import-log-json-string: #ce9178;
  --color-vector-import-log-json-number: #b5cea8;
  --color-vector-import-log-json-boolean: #569cd6;
  --color-vector-import-log-json-null: #569cd6;
  --color-php-syntax-viewer-bg: #0d1117;
  --color-php-syntax-viewer-border: #30363d;
  --color-php-syntax-viewer-text: #e6edf3;
  --color-php-syntax-viewer-path-label: #b8c5d6;
  --color-php-syntax-viewer-error-bg: #1c2128;
  --color-php-syntax-viewer-error-border: #da3633;
  --color-php-syntax-viewer-ln: #6e7681;
  --color-php-syntax-viewer-ln-border: #21262d;
  --color-php-syntax-kw: #ff7b72;
  --color-php-syntax-st: #a5d6ff;
  --color-php-syntax-cm: #8b949e;
  --color-php-syntax-var: #79c0ff;
  --color-php-syntax-num: #79c0ff;
  --color-php-syntax-id: #d2a8ff;
  --color-php-syntax-punct: #e6edf3;
  --color-php-syntax-tag: #7ee787;
  --color-php-syntax-ws: #e6edf3;
  --color-php-syntax-html: #ffa657;
  --color-admin-success: #22863a;
  --color-admin-success-strong: #16a34a;
  --color-admin-danger: #b42318;
  --color-admin-danger-strong: #991b1b;
  --color-admin-danger-border: #8a1a12;
  --color-admin-muted-text: #8a8f98;
  --color-admin-muted-surface: #e8eaed;
  --color-admin-muted-border: #cfd3d9;
  --color-admin-teal-accent: #0f766e;
  --color-admin-teal-text: #134e4a;
  --color-admin-teal-accent-soft-bg: #e8f5f3;
  --color-admin-danger-soft-bg: #fdf4f3;
  --color-admin-danger-soft-bg-hover: #fce8e6;
  --color-admin-warning: #d29922;
  --color-admin-warning-text: #9a8200;
  --color-admin-accent-purple: #7c3aed;
  --color-admin-surface-top: #f8f9fa;
  --color-github-canvas: #0d1117;
  --color-github-border: #30363d;
  --color-github-surface: #010409;
  --color-github-text-primary: #e6edf3;
  --color-github-text-secondary: #8b949e;
  --color-github-text-muted: #6e7681;
  --color-github-link: #58a6ff;
  --color-github-success: #7ee787;
  --color-github-warning: #f0883e;
  --color-github-danger: #ff7b72;
  --color-github-accent-orange: #ffa657;
  --color-github-accent-purple: #d2a8ff;
  --color-github-log-ok-border: #3fb950;
  --color-github-log-warn-border: #d29922;
  --color-github-log-err-border: #f85149;
  --color-github-log-info-border: #58a6ff;
  --color-github-log-muted-border: #8b949e;
  --color-github-log-accent-border: #a371f7;
  --color-github-code-bg: #000000;
  --color-github-spinner-accent: #ff9a5c;
}