/* ═══════════════════════════════════════════════════════════════════
   Book Mentor — Design Tokens / Color Palette
   ═══════════════════════════════════════════════════════════════════ */

/* ┌─────────────────────────────────────────────────────────────────┐
   │  🔧 BRAND / LOGO CONFIG                                         │
   │  Logo file : static/img/logo.png  ← swap this file to rebrand  │
   │  Sizes below control every logo instance across the site.       │
   └─────────────────────────────────────────────────────────────────┘ */
:root {
  --logo-height-nav:     36px;   /* top navbar & dashboard sidebar   */
  --logo-height-auth:    48px;   /* login / signup left-panel        */
  --logo-height-footer:  26px;   /* site footer                      */
  --logo-height-mobile:  32px;   /* mobile top bar on auth pages     */
}

:root {
  /* ── Brand ── */
  --primary:        #6366f1;
  --primary-dark:   #4f46e5;
  --primary-light:  #eef2ff;
  --primary-ring:   rgba(99, 102, 241, .12);

  /* ── Semantic ── */
  --success:        #16a34a;
  --success-bg:     #f0fdf4;
  --success-border: #bbf7d0;

  --danger:         #dc2626;
  --danger-bg:      #fef2f2;
  --danger-border:  #fecaca;

  --warning:        #d97706;
  --warning-bg:     #fef3c7;
  --warning-border: #fde68a;

  --info-bg:        #eef2ff;
  --info-border:    #c7d2fe;
  --info-text:      #4f46e5;

  /* ── Neutrals ── */
  --bg:             #f8fafc;
  --surface:        #ffffff;
  --border:         #e2e8f0;
  --border-strong:  #cbd5e1;

  --text:           #0f172a;
  --text-soft:      #334155;
  --text-muted:     #64748b;   /* alias for --muted — used in booking templates */
  --muted:          #64748b;
  --muted-light:    #94a3b8;
  --placeholder:    #cbd5e1;

  /* ── Sidebar (dark) ── */
  --sidebar-bg:     #0f172a;
  --sidebar-hover:  #1e293b;
  --sidebar-text:   #94a3b8;
  --sidebar-label:  #475569;

  /* ── Elevation / Shapes ── */
  --r:              14px;
  --r-sm:           8px;
  --r-lg:           20px;
  --shadow:         0 1px 3px rgba(0,0,0,.06), 0 4px 16px rgba(0,0,0,.06);
  --shadow-md:      0 4px 16px rgba(0,0,0,.10);
  --shadow-lg:      0 8px 32px rgba(0,0,0,.12);
  --shadow-brand:   0 4px 14px rgba(99,102,241,.35);
}