:root {
  /* --cl-cs-bg: #ffffff;
  --cl-cs-secondary: #e5e5e5; 
  --cl-cs-primary: #fca311; 
  --cl-cs-pink: #bc073e;
  --cl-cs-blue: #14213d;
  --cl-cs-blue-light: #0a1224;
  --cl-cs-dark: #000000;


 

  --brand-text: #fca311;
  --brand-text-hover: #14213d; */

  --bs-warning: #fca311;
  --muted-text-color: #8c8a8a;
  --block-quote-border-color: #14213d;
  --tag-border-color: #0070f2;
  --tag-bg-color: transparent;
  --tag-font-color: #0070f2;

  --btn-cs-primary-color: #fca311;
  --btn-cs-primary-border: #fca311;
  --btn-cs-primary-bg: transparent;
  --btn-cs-primary-color-hover: #fff;
  --btn-cs-primary-border-hover: #fca311;
  --btn-cs-primary-bg-hover: #fca311;

  --simple-form-input-border-color: #14213d;
  --tag-border-width: 0.8px;
  --tag-border-radius: 8px;

  --header-height: 46px;
  --block-quote-padding: 10px 10px 10px 20px;
  --block-quote-margin: 10px 5px 10px 25px;

  /* events */
  --event-bg-primary: #030718;
  --event-bg-secondary: #031e47;
  --event-nav-text: #fff;
  --event-background: #030718;
  --event-text-color: #fff;

  /*** Event Card ***/
  --event-card-bg: rgba(7, 34, 61, 0.2);
  --event-card-border: #07223d;
  --event-card-text: #fff;

  /** Event Card Button **/
  --event-card-button-bg: #223548;
  --event-card-button-border: #14213d;
  --event-card-button-text: #fff;

  /* event status */
  --event-status-open-border: #05e1b9;
  --event-status-open-text: #05e1b9;
  --event-status-open-bg: rgba(5, 225, 185, 0.3);

  --event-status-closed-border: #cc105b;
  --event-status-closed-text: #cc105b;
  --event-status-closed-bg: rgba(204, 16, 91, 0.3);

  --event-status-default-border: #0b96b5;
  --event-status-default-text: #0b96b5;
  --event-status-default-bg: rgba(11, 150, 181, 0.3);
}