/*
 * JDD Fitness — Gymcatch Theme
 * Matches JDD brand: red #C91921, black #0f0f0f, white background
 * Upload this file to your site and reference it after the Gymcatch bootstrap script
 */

:root {
  /* Primary brand red for buttons, highlights, confirmations */
  --gc-highlight-color: #C91921;

  /* OK/success state — using a softer red-adjacent tone */
  --gc-ok-color: #C91921;

  /* Error state */
  --gc-error-color: #9e1219;

  /* Warning */
  --gc-warning-color: #b45309;

  /* Main text — near black */
  --gc-foreground-color: #0f0f0f;

  /* Secondary text — mid grey */
  --gc-foreground-secondary-color: #666666;

  /* Disabled */
  --gc-disabled-color: #aaaaaa;

  /* Background — clean white */
  --gc-background-color: #ffffff;

  /* Highlight background — very light red tint */
  --gc-background-highlight-color: #fdf0f0;

  /* Font — match site body font */
  --gc-font-family: 'Barlow', Arial, sans-serif;
  --gc-header-font-family: 'Barlow Condensed', Arial, sans-serif;
  --gc-font-size: 14px;
  --gc-font-size-small: 0.85em;
  --gc-font-size-h1: 1.6em;
  --gc-font-size-h2: 1.4em;
  --gc-font-size-h3: 1.1em;
  --gc-font-size-h4: 1em;

  /* Borders — match site border colour */
  --gc-border-radius: 2px;
  --gc-border-color: #e0deda;

  /* Buttons */
  --gc-button-border-radius: 2px;
  --gc-button-disabled-background-color: #cccccc;
  --gc-button-disabled-border-color: transparent;

  /* Forms */
  --gc-control-border-radius: 2px;

  /* Alerts */
  --gc-alert-color: #ffffff;
  --gc-alert-code-color: #444444;
  --gc-alert-code-font-size: 13px;
  --gc-alert-background-color: #b45309;
  --gc-alert-border-radius: 2px;

  /* Confirmation */
  --gc-confirmation-border-radius: 2px;
  --gc-confirmation-color: #ffffff;
  --gc-confirmation-background-color: #C91921;

  /* Modal */
  --gc-modal-border-radius: 2px;
  --gc-modal-border-color: #e0deda;
  --gc-modal-background-color: #ffffff;
  --gc-modal-overlay-background-color: rgba(15, 15, 15, 0.55);

  /* Messages */
  --gc-conversation-card-unread-color: #fdf0f0;
  --gc-conversation-card-time-color: #888888;
  --gc-message-card-border-color: #e0deda;

  /* Notifications */
  --gc-notification-card-unread-color: #fdf0f0;
  --gc-notification-card-time-color: #888888;

  /* Table */
  --gc-table-header-background-color: #f5f4f0;
  --gc-table-header-color: #0f0f0f;

  /* Tooltip */
  --gc-tooltip-icon-color: #888888;
  --gc-tooltip-font-size: 11px;
  --gc-tooltip-content-font-size: 12px;
  --gc-tooltip-border-color: #e0deda;

  /* Calendar */
  --gc-calendar-control-range-background-color: #fdf0f0;

  /* Activity indicator */
  --gc-activity-indicator-background-color: rgba(15, 15, 15, 0.65);
}