/* ============================================================
   ClubManager v2 — CSS Variables
   Temă light (default) + dark mode
   ============================================================ */

:root {
  /* Culori principale */
  --primary:        #1d4ed8;
  --primary-hover:  #1e40af;
  --primary-light:  #dbeafe;
  --accent:         #0ea5e9;
  --danger:         #dc2626;
  --warning:        #d97706;
  --success:        #16a34a;

  /* Fundal & suprafețe */
  --bg:             #f1f5f9;
  --bg-card:        #ffffff;
  --bg-sidebar:     #ffffff;
  --bg-input:       #ffffff;

  /* Text */
  --text-1:         #0f172a;   /* titluri principale */
  --text-2:         #334155;   /* text body */
  --text-3:         #64748b;   /* text secundar, labels */
  --text-4:         #94a3b8;   /* placeholder, disabled */
  --text-inv:       #ffffff;   /* text pe fundal întunecat */

  /* Borduri */
  --border:         #e2e8f0;
  --border-focus:   #1d4ed8;

  /* Umbre */
  --shadow-sm:      0 1px 3px rgba(0,0,0,.08);
  --shadow-md:      0 4px 12px rgba(0,0,0,.10);
  --shadow-lg:      0 8px 24px rgba(0,0,0,.12);

  /* Spațiere */
  --radius-sm:      6px;
  --radius-md:      10px;
  --radius-lg:      16px;

  /* Tipografie */
  --font:           'Inter', system-ui, -apple-system, sans-serif;
  --font-mono:      'JetBrains Mono', 'Fira Code', monospace;

  /* Layout */
  --sidebar-w:      240px;
  --topbar-h:       60px;
}

/* ============================================================
   DARK MODE
   ============================================================ */

[data-theme="dark"] {
  --primary:        #4f8ef7;
  --primary-hover:  #3b7de8;
  --primary-light:  #1e3a5f;
  --accent:         #38bdf8;

  --bg:             #161f2e;   /* era #0d1424 — mai deschis */
  --bg-card:        #1e2b3c;   /* era #182032 */
  --bg-sidebar:     #131c2b;   /* puțin mai întunecat decât bg pentru contrast */
  --bg-input:       #253447;   /* era #1e2d3f */

  --text-1:         #f4f7fb;   /* titluri — aproape alb */
  --text-2:         #d4dce8;   /* body — gri deschis, ușor de citit */
  --text-3:         #9fb3c8;   /* labels, secundar */
  --text-4:         #728399;   /* placeholder, disabled — acum lizibil */
  --text-inv:       #161f2e;

  --border:         #2e4060;   /* era #243347 — mai vizibil */
  --border-focus:   #4f8ef7;

  --shadow-sm:      0 1px 3px rgba(0,0,0,.30);
  --shadow-md:      0 4px 12px rgba(0,0,0,.40);
  --shadow-lg:      0 8px 24px rgba(0,0,0,.50);
}