/* Main Public Styles - Imports all modular CSS files */
@import url("base.css");
@import url("header.css");
@import url("controls.css");
@import url("buttons.css");
@import url("metrics.css");
@import url("exercises.css");
@import url("login.css");
@import url("booking.css");
@import url("calendar.css");
@import url("slots.css");
@import url("bookings.css");
/* Added missing CSS files */
@import url("bookings-list.css");
@import url("utilities.css");
@import url("responsive.css");

/* ============================================================
   DARK MODE DESIGN TOKENS
   All dashboard colours reference these tokens.
   ============================================================ */
:root {
  --dk-bg:           #0d0f17;
  --dk-surface:      #12151f;
  --dk-surface-2:    #191d2c;
  --dk-surface-3:    #1f2336;
  --dk-border:       rgba(255, 255, 255, 0.07);
  --dk-border-hover: rgba(255, 255, 255, 0.14);
  --dk-text:         #eef0ff;
  --dk-text-sub:     rgba(238, 240, 255, 0.65);
  --dk-text-muted:   rgba(238, 240, 255, 0.35);
  --dk-accent:       var(--gpt-primary-color, #667eea);
  --dk-accent-dim:   rgba(102, 126, 234, 0.18);
  --dk-green:        #10b981;
  --dk-green-dim:    rgba(16, 185, 129, 0.15);
  --dk-red:          #ef4444;
  --dk-red-dim:      rgba(239, 68, 68, 0.15);
  --dk-amber:        #f59e0b;
  --dk-amber-dim:    rgba(245, 158, 11, 0.15);
  --dk-radius:       14px;
  --dk-radius-sm:    9px;
  --dk-shadow:       0 4px 24px rgba(0, 0, 0, 0.4);
  --dk-shadow-sm:    0 1px 4px rgba(0, 0, 0, 0.3);
}

#site-header {
  display: none !important;
}

#site-footer {
  display: none !important;
}

.page-header {
  display: none !important;
}

html,
body {
  background: var(--dk-bg) !important;
  background-color: var(--dk-bg) !important;
  color: var(--dk-text) !important;
}

/* Ensure WordPress content wrappers don't re-introduce white */
.site,
.site-content,
#content,
#page,
.entry-content,
.hentry,
main.site-main,
.wp-site-blocks {
  background: transparent !important;
  background-color: transparent !important;
}

/* Content column that wraps the shortcode output */
.entry-content > *,
.wp-block-column,
.wp-block-group__inner-container {
  color: inherit !important;
}
