/*
 * Der Fahrtrainer – Design Tokens
 * Single source of truth für alle Sub-Projekte (livequiz, vz, ...)
 *
 * Deployment:
 *   livequiz  → livequiz/public/design/tokens.css
 *   vz        → vz/webapp/design/tokens.css  (sobald redesigned)
 *
 * webseite verwendet Tailwind v4 @theme in globals.css (selbe Werte, andere Syntax)
 */

:root {
    /* Palette */
    --schwarz:    #0D0D0D;
    --weiss:      #F8F6F1;
    --beige:      #EDE5D0;
    --himmelblau: #5BB8F5;
    --neongelb:   #DDFF00;
    --neonpink:   #FF00C8;
    --neongruen:  #39FF14;

    /* Semantische Mappings */
    --color-primary:   var(--schwarz);
    --color-secondary: var(--himmelblau);
    --color-highlight: var(--neongelb);
    --color-surface:   var(--weiss);

    /* Hintergrund & Text */
    --color-bg:      var(--schwarz);
    --color-text:    var(--weiss);
    --color-overlay: #1a1a1a;

    /* Zustandsfarben */
    --color-correct: #28a745;
    --color-wrong:   #dc3545;
    --color-danger:  rgba(255, 80, 80, 0.9);

    /* Feature-Akzente */
    --color-zuruf:  var(--neonpink);
    --color-zufall: var(--neonpink);

    /* Fonts */
    --font-display: 'Bebas Neue', sans-serif;
    --font-body:    'Inter Tight', sans-serif;
}