/* ============================================
   STELLENANZEIGEN-TREFF: CI COLOR SYSTEM
   Zentral verwaltete Corporate Identity Farben
   ============================================ */

:root {
    /* Primary Brand Colors */
    --color-primary: #06636F;           /* Dunkelgrün/Blaugrün */
    --color-secondary: #6CAB83;         /* Helles Grün */
    --color-accent: #B4D594;            /* Sehr helles Grün */

    /* Text Colors */
    --color-text-primary: #1a1a1a;      /* Dunkelgrau für Haupttext */
    --color-text-secondary: #4a4a4a;    /* Mittleres Grau für Sekundärtext */
    --color-text-light: #6a6a6a;        /* Helles Grau für Beschreibungen */

    /* Background Colors */
    --color-bg-light: #fafafa;          /* Sehr helles Grau für Hintergründe */
    --color-bg-white: #ffffff;          /* Reinweiß */

    /* Border & Divider Colors */
    --color-border: #e5e5e5;            /* Helle Border */
    --color-border-dark: #d0d0d0;       /* Dunklere Border */

    /* Status Colors (optional für Zukunft) */
    --color-success: #27ae60;           /* Grün für Success */
    --color-warning: #f39c12;           /* Orange für Warning */
    --color-danger: #e74c3c;            /* Rot für Error */

    /* Shadow Definition */
    --shadow-sm: 0 2px 8px rgba(6, 99, 111, 0.06);
    --shadow-md: 0 8px 24px rgba(6, 99, 111, 0.1);
    --shadow-lg: 0 12px 32px rgba(6, 99, 111, 0.12);
    --shadow-xl: 0 16px 40px rgba(6, 99, 111, 0.15);

    /* Transitions & Animations */
    --transition-smooth: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-fast: all 0.2s ease-out;
    --transition-slow: all 0.5s ease-out;

    /* Spacing Scale */
    --space-xs: 0.25rem;    /* 4px */
    --space-sm: 0.5rem;     /* 8px */
    --space-md: 1rem;       /* 16px */
    --space-lg: 1.5rem;     /* 24px */
    --space-xl: 2rem;       /* 32px */
    --space-2xl: 3rem;      /* 48px */

    /* Border Radius */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 20px;
    --radius-full: 50px;
}

/* ============================================
   Media Query: Dark Mode (deaktiviert)
   Dark Mode wird nicht verwendet - alle Farben bleiben wie definiert
   ============================================ */

/* ============================================
   Utility: Force CI Colors (Override für Notfälle)
   ============================================ */
.ci-primary { color: var(--color-primary); }
.ci-secondary { color: var(--color-secondary); }
.ci-accent { color: var(--color-accent); }

.bg-ci-primary { background-color: var(--color-primary); }
.bg-ci-secondary { background-color: var(--color-secondary); }
.bg-ci-accent { background-color: var(--color-accent); }

.border-ci-primary { border-color: var(--color-primary); }
.border-ci-secondary { border-color: var(--color-secondary); }
.border-ci-accent { border-color: var(--color-accent); }