/* ==========================================================================
   QrEdek — Apple-style Design Tokens
   Source of truth: UI_DESIGN_PROMPT.md
   ========================================================================== */

:root {
  /* Akcent — tenant nadpisuje tę jedną zmienną */
  --accent:        #111111;
  --accent-hover:  #333333;
  --accent-text:   #ffffff;

  /* Tła */
  --bg-page:       #f5f5f3;
  --bg-card:       #ffffff;
  --bg-subtle:     #fafaf9;
  --bg-input:      rgba(0,0,0,0.04);

  /* Obramowania */
  --border:        rgba(0,0,0,0.08);
  --border-strong: rgba(0,0,0,0.14);
  --separator:     rgba(0,0,0,0.06);

  /* Tekst */
  --text-primary:   #111111;
  --text-secondary: #555555;
  --text-muted:     #aaaaaa;
  --text-placeholder: #cccccc;

  /* Cienie */
  --shadow-sm:  0 1px 4px rgba(0,0,0,0.05);
  --shadow-md:  0 4px 18px rgba(0,0,0,0.09);
  --shadow-accent: 0 2px 8px rgba(0,0,0,0.15);
  --shadow-accent-hover: 0 6px 20px rgba(0,0,0,0.20);

  /* Zaokrąglenia */
  --radius-sm:  8px;
  --radius-md:  10px;
  --radius-lg:  14px;
  --radius-xl:  16px;
  --radius-pill: 20px;
  --radius-full: 9999px;

  /* Statusy */
  --status-active-bg:    #EDFAF3;
  --status-active-text:  #1A7A4A;
  --status-expiring-bg:  #FEF9E8;
  --status-expiring-text:#996600;
  --status-inactive-bg:  #F5F5F5;
  --status-inactive-text:#888888;
  --status-stop-bg:      #FEF2F2;
  --status-stop-text:    #CC3333;
  --status-trainer-bg:   #EDE9FE;
  --status-trainer-text: #5B21B6;

  /* Strefy specjalne */
  --warning-bg:     #FFFBF0;
  --warning-border: rgba(200,150,0,0.20);
  --warning-text:   #997700;
  --danger-bg:      #FEF9F9;
  --danger-border:  rgba(200,50,50,0.15);
  --danger-text:    #CC3333;

  /* Typografia */
  --font-system: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Inter', system-ui, sans-serif;
}