/* =============================================================================
   EIB Tennis Club — design tokens (calendar + shared)
   Manrope @font-face + app-wide stack: modules/fonts-manrope.css (header.tpl)
   Reference: docs/CURRENT_STATE.md sections 3 and 6.
   ============================================================================= */

:root {
  --eib-font: var(--app-font-manrope, 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);

  /* ---------- Color: Page surface ---------- */
  --eib-page-bg: #FAF9F6;
  --eib-bg-page: #FAF9F6; /* body / page — almost white, slightly warm */
  --eib-bg-grid: #F5F0E8; /* desktop time grid area only */

  /* ---------- Color: Primary green ---------- */
  --eib-green: #4A9D2C;
  --eib-green-dark: #2E6B16;
  --eib-green-darkest: #133B05;
  --eib-green-light-bg: #E6F2DA;
  --eib-bg-activity-light: #E6F2DA;

  /* ---------- Color: Today highlight (blue) ---------- */
  --eib-today-bg: #E6F1FB;
  --eib-today-title: #0C447C;
  --eib-today-subtitle: #185FA5;

  /* ---------- Color: Unavailable / fully booked ---------- */
  --eib-unavail-bg: #FCEBEB;
  --eib-unavail-dot: #A32D2D;
  --eib-unavail-text: #501313;
  --eib-unavail-text-soft: #791F1F;

  /* ---------- Color: Past / blocked ---------- */
  --eib-past-bg: #E8E6DE;
  --eib-past-dot: #888780;
  --eib-past-text: #5F5E5A;

  /* ---------- Color: Beyond booking window ---------- */
  --eib-future-border: #B4B2A9;

  /* ---------- Color: Avatars ---------- */
  --eib-avatar-bg: #DCD5C5;
  --eib-avatar-text: #5F5E5A;
  --eib-avatar-coach-bg: #E6F2DA;
  --eib-avatar-coach-text: #2E6B16;

  /* ---------- Border radius ---------- */
  --eib-radius-pill: 7px;
  --eib-radius-card: 8px;
  --eib-radius-modal: 12px;
  --eib-radius-circle: 50%;

  /* ---------- Spacing ---------- */
  --eib-cell-padding: 5px 8px;
  --eib-pill-padding-mobile: 8px 10px;
  --eib-modal-padding: 18px 20px;
  --eib-section-padding: 11px 13px;
  --eib-gap-tight: 3px;
  --eib-gap-default: 6px;
  --eib-gap-loose: 10px;

  /* ---------- Dimensions ---------- */
  --eib-row-height-desktop: 40px;
  --eib-dot-size-status: 6px;
  --eib-dot-size-activity: 7px;
  --eib-dot-size-activity-modal: 10px;
  --eib-b-circle-size: 13px;
  --eib-b-circle-size-modal: 16px;
  --eib-avatar-size: 18px;
  --eib-avatar-size-compact: 14px;

  /* ---------- Typography ---------- */
  --eib-text-time: 10.5px;
  --eib-text-status: 9.5px;
  --eib-text-modal-title: 16px;
  --eib-text-modal-sub: 11.5px;
  --eib-text-act-name: 15px;
  --eib-text-act-meta: 11.5px;
  --eib-text-section-label: 10.5px;
  --eib-text-participant: 11.5px;
  --eib-text-button: 12.5px;

  --eib-weight-regular: 400;
  --eib-weight-medium: 500;
  --eib-weight-bold: 600;

  --eib-transition-fast: 0.15s ease;
  --eib-transition-modal: 0.2s ease-out;
}

.eib-calendar {
  font-family: var(--eib-font);
}

/* Full viewport warm beige on player calendar (body class set from Smarty) */
body.eib-calendar-page {
  background-color: var(--eib-page-bg);
}