/*
 * Tricksal Farbsystem — test3
 * ============================
 * Dunkle Palette mit Gradient-Akzenten
 * Quelle: https://coolors.co/0a0a0a-667eea-764ba2-f5f5f5-888888
 */

:root {
    /* === Palette === */
    --color-1: #0a0a0a;
    --color-2: #7b8ef8;
    --color-3: #b44dce;
    --color-4: #f5f5f5;
    --color-5: #888888;

    /* === Semantische Zuordnung === */
    --color-bg:       var(--color-1);
    --color-primary:   var(--color-2);
    --color-accent:    var(--color-3);
    --color-text:      var(--color-4);
    --color-muted:     var(--color-5);

    /* === Abgeleitete Farben === */
    --color-bg-soft:   color-mix(in srgb, var(--color-bg) 90%, var(--color-text));
    --color-border:    color-mix(in srgb, var(--color-bg) 80%, var(--color-text));
    --gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent) 100%);
}