/* ==============================================
   TM24 NOVAChild - CSS Design-Tokens
   Datei: base/variables.css
   Scope: global (:root)
   Quelle: custom.css Zeilen 9-36
   UTF-8 ohne BOM
   ============================================== */

:root {
    /* Farben */
    --p:     #2E2BCB;                             /* Primaerfarbe (Lila/Blau)     */
    --pd:    #1E1B99;                             /* Primaerfarbe dunkel           */
    --pl:    rgba(46, 43, 203, .06);              /* Primaerfarbe hell             */
    --pg:    linear-gradient(135deg, #2E2BCB, #6D28D9); /* Primaer-Gradient      */
    --acc:   #6D28D9;                             /* Akzentfarbe                  */
    --bg:    #f4f4f6;                             /* Seitenhintergrund            */
    --card:  #fff;                                /* Kartenhintergrund            */
    --brd:   #e5e7eb;                             /* Rahmenfarbe                  */
    --brd-l: rgba(0, 0, 0, .04);                 /* Rahmenfarbe hell             */
    --txt:   #111827;                             /* Textfarbe                    */
    --txt-s: #374151;                             /* Sekundaertextfarbe           */
    --mut:   #6b7280;                             /* Gedaempfter Text              */
    --light: #9ca3af;                             /* Noch heller                  */

    /* Status-Farben */
    --ok:    #059669;
    --err:   #dc2626;
    --warn:  #d97706;
    --info:  #2563eb;

    /* Abstaende & Radien */
    --r:     18px;   /* Standard-Radius */
    --rs:    12px;   /* Kleiner Radius  */
    --rp:    50px;   /* Pill-Radius     */

    /* Schatten */
    --s1: 0 1px 3px rgba(0, 0, 0, .04), 0 4px 16px rgba(0, 0, 0, .04);   /* leicht   */
    --s2: 0 4px 12px rgba(0, 0, 0, .06), 0 12px 28px rgba(0, 0, 0, .06); /* mittel   */
    --s3: 0 8px 20px rgba(0, 0, 0, .08), 0 20px 44px rgba(0, 0, 0, .08); /* stark    */
    --sb: 0 6px 24px rgba(46, 43, 203, .22);                               /* Brand    */

    /* Typografie */
    --f:     'Figtree', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

    /* Animation */
    --speed: .22s;
}