/* ============================================================
   Design Tokens – gemeinsame Basis fuer alle Blueprint-CSS-Dateien
   ============================================================
   Einzige Quelle der Wahrheit fuer Farben/Radien/Schatten, die bislang
   in nutrition.css, competition_strategies_*.css, admin.css, shop.css,
   performance.css, running_analysis_*.css, bike_*.css, swim_*.css etc.
   unter unterschiedlichen Variablennamen dupliziert wurden.

   Referenz-Design: nutrition/product_list.html +
   competition_strategies/competition_strategy_viewer.html

   Namensraum bewusst "--ds-*" (nicht "--color-*"), damit es NICHT mit
   den bestehenden "--color-*"-Variablen aus style.css kollidiert
   (die teils andere Werte tragen, z.B. --color-primary: #4a90e2).

   Wird global in base.html geladen, VOR style.css und allen
   Blueprint-CSS-Dateien.
   ============================================================ */

:root {
    /* Marken-/Akzentfarben */
    --ds-primary:        #153043;
    --ds-secondary:      #0D2130;
    --ds-accent:         #285180;
    --ds-accent-light:   #c8d8f0;

    /* Status-/Semantikfarben */
    --ds-success:        #28a745;
    --ds-warning:        #dd9a2e;
    --ds-warning-dark:   #c98a24;
    --ds-warning-soft:   #fff8e8;
    --ds-danger:         #dc3545;
    --ds-danger-soft:    #fff0f0;

    /* Neutrale Flaechen */
    --ds-white:          #ffffff;
    --ds-bg:             #f8f9fa;
    --ds-surface:        #ffffff;
    --ds-surface-alt:    #f3f5f8;
    --ds-surface-soft:   #eceef2;

    /* Rahmen */
    --ds-border:         #d0d4db;
    --ds-border-soft:    #e0e3e8;
    --ds-border-strong:  #b0b5bf;

    /* Text */
    --ds-text:           #222831;
    --ds-muted:          #6c757d;

    /* Radien (kompaktes Karten-Schema, z.B. Nutrition/Admin/Performance) */
    --ds-radius-sm:      8px;
    --ds-radius-lg:      12px;

    /* Schatten (kompaktes Karten-Schema) */
    --ds-shadow-sm:      0 2px 8px rgba(0, 0, 0, 0.05);
    --ds-shadow-md:      0 4px 12px rgba(0, 0, 0, 0.08);
    --ds-shadow-lg:      0 8px 24px rgba(0, 0, 0, 0.12);
}