/* ==========================================================================
   GA-Academy — Design Tokens
   Verbindliche Quelle fuer alle Farb-, Schrift- und Radienwerte.
   Keine Hex-Werte direkt in Komponenten schreiben.
   ========================================================================== */

:root {
  /* ---- Brand ---- */
  --academy-primary:      #2F58A4;  /* Marke, Buttons, Links, aktive Zustaende */
  --academy-primary-700:  #244786;  /* Hover, gedrueckt */
  --academy-deep:         #14335F;  /* App-Icon, dunkle Karten */
  --academy-900:          #0E2547;  /* Hero, Footer, Titelflaechen */
  --academy-light:        #7BA8DC;  /* Hervorhebung auf dunklem Grund */
  --academy-tint:         #EAF2FB;  /* Aktive Flaechen, Chips, Panels */

  /* ---- Signal: Fortschritt, Live, Messwerte ---- */
  --academy-signal:       #4FC3D9;  /* NUR Flaeche, nie Text */
  --academy-signal-deep:  #1D8FA6;  /* Textfassung der Signalfarbe */
  --academy-signal-tint:  #E6F7FB;

  /* ---- Akzent: Warnung, Frist, Werkstatt-Call ---- */
  --academy-amber:        #F5A524;
  --academy-amber-tint:   #FFF7E5;
  --academy-amber-line:   #F5C97A;
  --academy-amber-text:   #8A5B08;

  /* ---- Neutral ---- */
  --academy-bg:           #F5F7FA;
  --academy-surface:      #FFFFFF;
  --academy-line:         #E3E9F2;
  --academy-line-strong:  #C9D3DF;
  --academy-text:         #16202E;
  --academy-text-soft:    #3B4A5F;
  --academy-muted:        #64748B;

  /* ---- Status ---- */
  --academy-success:      #10B981;
  --academy-danger:       #DC2626;

  /* ---- Typografie ---- */
  --academy-font: "Open Sans", "Segoe UI", Helvetica, Arial, sans-serif;
  --academy-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* ---- Radien ---- */
  --academy-r-sm:   8px;
  --academy-r-md:  10px;   /* Buttons */
  --academy-r-lg:  16px;   /* Karten */
  --academy-r-pill: 999px; /* Chips */

  /* ---- Abstaende, 8px-Raster ---- */
  --academy-space-1:  4px;
  --academy-space-2:  8px;
  --academy-space-3: 12px;
  --academy-space-4: 16px;
  --academy-space-5: 22px;
  --academy-space-6: 32px;
  --academy-space-7: 64px;

  /* ---- Schatten ---- */
  --academy-shadow-hover: 0 10px 24px rgba(22, 41, 79, .10);
}

/* Tailwind-Nutzer: in tailwind.config.js unter theme.extend.colors spiegeln
   academy: { primary:'#2F58A4', deep:'#14335F', 900:'#0E2547',
              light:'#7BA8DC', tint:'#EAF2FB', signal:'#4FC3D9',
              signalDeep:'#1D8FA6', amber:'#F5A524', line:'#E3E9F2',
              text:'#16202E', textSoft:'#3B4A5F', muted:'#64748B' }
*/