/* bdPilates Theme (tokens + color rules)
   Light/Dark: body gets theme-dark (default) or theme-light.
*/
:root{
  color-scheme: light;
  /* Design Tokens */
  --bd-space-0: 0px;
  --bd-space-1: 4px;
  --bd-space-2: 8px;
  --bd-space-3: 12px;
  --bd-space-4: 16px;
  --bd-space-5: 20px;
  --bd-space-6: 24px;
  --bd-space-7: 32px;
  --bd-space-8: 40px;

  --bd-radius-1: 8px;
  --bd-radius-2: 12px;
  --bd-radius-3: 16px;
  --bd-radius-4: 22px;

  --bd-border-w-1: 1px;
  --bd-border-w-2: 2px;

  --bd-font-xs: 12px;
  --bd-font-sm: 13px;
  --bd-font-md: 14px;
  --bd-font-lg: 16px;
  --bd-font-xl: 18px;

  --bd-line-tight: 1.15;
  --bd-line-normal: 1.35;

  --bd-shadow-1: 0 2px 8px rgba(0,0,0,0.10);
  --bd-shadow-2: 0 10px 18px rgba(0,0,0,0.18);
  --bd-shadow-3: 0 14px 28px rgba(0,0,0,0.25);

  --bd-transition-fast: 120ms ease;
  

/* Motion */
--bd-ease-out: cubic-bezier(.16,1,.3,1);
--bd-ease-in: cubic-bezier(.7,0,.84,0);
--bd-ease-inout: cubic-bezier(.65,0,.35,1);
--bd-duration-1: 120ms;
--bd-duration-2: 180ms;
--bd-duration-3: 240ms;

/* Focus ring */
--bd-focus-ring: 0 0 0 3px var(--bd-primary-25);
--bd-focus-ring-strong: 0 0 0 4px var(--bd-primary-35);
--bd-transition: 180ms ease;
  --bd-backdrop-blur: 10px;
  --bd-z-sticky: 50;

  /* Core */
  --bd-bg: #f6f7fb;
  --bd-surface: #ffffff;
  --bd-surface-2: #f1f3f8;
  --bd-surface-3: #eef0f6;

  /* Text */
  --bd-text: rgba(10,10,15,0.92);
  --bd-muted: rgba(10,10,15,0.60);

  /* Borders */
  --bd-border: rgba(10,10,15,0.18);
  --bd-border-2: rgba(10,10,15,0.14);
  --bd-border-3: rgba(10,10,15,0.22);
  --bd-border-soft: rgba(10,10,15,0.12);

  /* Brand / primary */
  --bd-primary: #0d6efd;
  --bd-primary-25: rgba(13,110,253,.25);
  --bd-primary-06: rgba(13,110,253,.06);
    --bd-primary-12: rgba(13,110,253,.12);
  --bd-primary-16: rgba(13,110,253,.16);
--bd-primary-35: rgba(13,110,253,.35);
  --bd-primary-60: rgba(13,110,253,.60);
  --bd-primary-70: rgba(13,110,253,.70);

  /* Shadows */
  --bd-shadow-strong: var(--bd-shadow-3);
}

/* Dark override */
body.theme-dark{
  color-scheme: dark;
  --bd-bg: #111;
  --bd-surface: #141414;
  --bd-surface-2: #1a1a1a;
  --bd-surface-3: #1b1b1b;

  --bd-text: rgba(255,255,255,0.92);
  --bd-muted: rgba(255,255,255,0.65);

  --bd-border: #333;
  --bd-border-2: #303030;
  --bd-border-3: #3a3a3a;
  --bd-border-soft: rgba(255,255,255,0.25);

  --bd-shadow-strong: 0 10px 18px rgba(0,0,0,0.45);
}

/* Base */
body{ background: var(--bd-bg) !important; color: var(--bd-text); }

/* Surfaces */
.card, .modal-content, .dropdown-menu{ background: var(--bd-surface); color: var(--bd-text); }
.table{ color: var(--bd-text); }

/* Bootstrap tweaks */
.table-dark{
  --bs-table-bg: var(--bd-surface);
  --bs-table-border-color: var(--bd-border-2);
}
.nav-pills .nav-link{ border:1px solid var(--bd-border); }
.form-control, .form-select{
  background-color: var(--bd-surface);
  color: var(--bd-text);
  border-color: var(--bd-border);
}
.form-control:focus, .form-select:focus{
  border-color: var(--bd-primary-60);
  box-shadow: 0 0 0 .2rem var(--bd-primary-25);
}

/* ===============================
   Premium Lite Overrides (Safe)
   Non-breaking: only adds subtle depth & states
   =============================== */

:root{
  --bdp-shadow-sm: 0 1px 2px rgba(0,0,0,.05);
  --bdp-shadow-md: 0 6px 18px rgba(0,0,0,.08);
  --bdp-border-soft: rgba(0,0,0,.06);
  --bdp-hover-bg: rgba(37, 99, 235, .06);
}

/* Cards / panels: add subtle depth without changing sizing */
.card, .panel, .box, .widget, .content-box, .stat-box, .kutu, .kutucuk {
  border-radius: 12px !important;
  box-shadow: var(--bdp-shadow-sm) !important;
  border-color: var(--bdp-border-soft) !important;
}
.card:hover, .panel:hover, .box:hover, .widget:hover, .content-box:hover, .stat-box:hover, .kutu:hover, .kutucuk:hover {
  box-shadow: var(--bdp-shadow-md) !important;
}

/* Buttons: clearer hover/active without changing layout */
button, .btn, .button, a.btn, input[type="button"], input[type="submit"] {
  transition: background-color .15s ease, color .15s ease, border-color .15s ease, box-shadow .15s ease, transform .05s ease;
}
button:hover, .btn:hover, .button:hover, a.btn:hover, input[type="button"]:hover, input[type="submit"]:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,.10) !important;
}
button:active, .btn:active, .button:active, a.btn:active, input[type="button"]:active, input[type="submit"]:active {
  transform: translateY(1px);
}

/* Tables: premium header + row hover */
table thead th, .table thead th {
  background: rgba(0,0,0,.03) !important;
  border-bottom-color: var(--bdp-border-soft) !important;
}
table tbody tr:hover, .table tbody tr:hover {
  background: var(--bdp-hover-bg) !important;
}

/* Menu active/hover: keep your active blue text, add subtle pill bg for clarity */
.menu a:hover, nav a:hover, .sidebar a:hover {
  background: rgba(0,0,0,.03) !important;
  border-radius: 10px !important;
}
.menu a.active, nav a.active, .sidebar a.active,
.menu li.active > a, nav li.active > a, .sidebar li.active > a,
.menu a[aria-current="page"], nav a[aria-current="page"], .sidebar a[aria-current="page"] {
  background: var(--bdp-hover-bg) !important;
  border-radius: 10px !important;
  box-shadow: inset 0 0 0 1px rgba(37, 99, 235, .18) !important;
  font-weight: 400 !important;
}

/* Focus ring for inputs: more premium accessibility */
input[type="text"], input[type="number"], input[type="email"], input[type="password"], input[type="tel"], select, textarea {
  transition: box-shadow .15s ease, border-color .15s ease;
}
input[type="text"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="tel"]:focus, select:focus, textarea:focus {
  outline: none !important;
  border-color: rgba(37, 99, 235, .45) !important;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, .12) !important;
}