/* src/css/colors.css */

:root {
    /* 🔴 Brand Colors (Die TSC Firmen-Identität) */
    --color-brand-primary: #005a96;
    --color-brand-hover: #004575;
    
    /* ⚪ Backgrounds (Die Ebenen) */
    --color-bg-base: #0b1120;       /* Tiefes Nachtblau (Ganz hinten & Main Footer) */
    --color-bg-island: #f8fafc;     /* Edles Eisgrau (Für die große Insel) */
    --color-bg-card: #ffffff;       /* Reinweiß (Für die Bento-Karten) */
    --color-bg-glass: rgba(255, 255, 255, 0.85); /* Frostglas für Navi */
    
    /* 📝 Typografie (Textfarben) */
    --color-text-main: #0f172a;     /* Fast Schwarz für Titel */
    --color-text-muted: #64748b;    /* Schiefergrau für Fließtexte */
    --color-text-inverse: #ffffff;  /* Weiß (auf dunklen Flächen) */
    
    /* 🏗️ Footer System */
    --color-footer-bg: var(--color-bg-base);
    --color-footer-text: #94a3b8;
    --color-footer-link: #ffffff;
    --color-footer-link-hover: #38bdf8; /* Cyan für den Hover */
    --color-footer-bottom-bg: var(--color-brand-primary); /* TSC Blau für Copyright */
    
    /* 🌫️ Shadows & Borders */
    --shadow-soft: 0 4px 15px rgba(0, 0, 0, 0.03);
    --shadow-hover: 0 20px 40px rgba(0, 90, 150, 0.08);
    --shadow-nav: 0 10px 40px rgba(0, 0, 0, 0.08);
    --border-card: rgba(226, 232, 240, 0.8);
    
    /* 🥞 Z-Index Layer (Die Dimensionen) */
    --layer-z-canvas: 1;      /* 🔴 KORRIGIERT: Positive Ebene 1 (Das tiefe Studio) */
    --layer-z-hero: 2;        /* 🔴 NEU: Ebene 2 (Das feste Autobahn-Bild) */
    --layer-z-content: 10;    /* 🔴 Ebene 10 (Die scrollenden Blobs) */
    --layer-z-nav: 900;       
    --layer-z-modal: 1000;    
}