:root {

  /* [[[ Color Definitions ]]] */

  --bs-light-blue: #F9FCFC;
  --bs-blue: #0d6efd;	
  --bs-indigo: #6610f2;	
  --bs-purple: #6f42c1;	
  --bs-pink: #d63384;	
  --bs-red: #dc3545;	
  --bs-orange: #fd7e14;	
  --bs-yellow: #ffc107;	
  --bs-green: #28a745;	
  --bs-teal: #20c997;	
  --bs-cyan: #17a2b8;	
  --bs-white: #fff;	
  --bs-dark-white: #fbfbfb;
  --bs-black: #000;	
  --bs-light-brown: #dbc6b3;

  /* UI */
  --charcoal: #33393f;
  --cadet: #657078;
  --gray: #b1bec4;
  --gainsboro: #CED8E0;
  --silver: #e0e7ed;
  --smoke: #f0f5f9;
  --white: #ffffff;

  /* Brand Primary */
  --sky: #00b3e6;
  --light-sky: #29C3F2;
  --dark-sky: #069ECC;

  --royal: #1362f8;

  /* Brand Secondary */
  --purple: #ba00c3;
  --orange: #ff7400;
  --yellow: #ffcb05;
  --green: #6edd00;



  /* [[[ Color Utility ]]] */

  --background-default: var(--smoke);
  --background-light: var(--white);

  --text-default: var(--charcoal);
  --text-light: var(--white);
  --text-mute: var(--cadet);

  --border-default: var(--silver);

  --link-default: var(--sky);
  --link-hover-default: var(--dark-sky);

  --bs-primary: var(--sky);
  --bs-primary-dark: var(--dark-sky);
  --bs-secondary: var(--royal);	
  --bs-success: var(--green);	
  --bs-info: var(--sky);
  --bs-warning: var(--orange);	
  --bs-danger: var(--orange);	
  --bs-light: var(--smoke);	
  --bs-dark: var(--charcoal);	
  --bs-mid: var(--cadet);

  --bs-primary-link-hover: var(--dark-sky);	
  --bs-secondary-link-hover: var(--charcoal);	
  --bs-info-link-hover: var(--sky);	
  --bs-warning-link-hover: var(--orange);	
  --bs-danger-link-hover: var(--orange);	
  --bs-light-link-hover: var(--cadet);	
  --bs-dark-link-hover: var(--charcoal);

  --bs-primary-hover: var(--charcoal);
  --bs-primary-hover-border: var(--charcoal);	
  --bs-primary-active-hover-border: var(--charcoal);
  --bs-secondary-hover: var(--cadet);	
  --bs-secondary-hover-border: var(--cadet);	
  --bs-success-hover: var(--green);
  --bs-success-hover-border: var(--green);	
  --bs-info-hover: var(--sky);	
  --bs-info-hover-border: var(--sky);	
  --bs-warning-hover: var(--orange);	
  --bs-warning-hover-border: var(--orange);	
  --bs-danger-hover: var(--orange);	
  --bs-danger-hover-border: var(--orange);	
  --bs-dark-hover: var(--charcoal);
  --bs-dark-hover-border: var(--charcoal);
  --bs-light-hover: var(--smoke);	
  --bs-light-hover-border: var(--smoke);	

  --bs-text-light: var(--white);	
  --bs-text-dark: var(--charcoal);

  --bs-border: var(--silver);	
  --bs-form: var(--smoke);	
  --bs-form-border: var(--silver);
  --bs-dropdown-hover: var(--smoke);
  --bs-input: var(--charcoal);	
  --bs-input-select: var(--cadet);
  --bs-input-select-bg: var(--white);	
  --bs-range: var(--sky);	



  /* [[[ Border Radius ]]] */

  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;


  /* [[[ Shadows ]]] */

  --outer-shadow-1: 0 10px 25px 0 rgba(34, 36, 41, 0.1);
  --outer-shadow-2: 0 50px 100px rgba(34, 36, 41, 0.1), 0 15px 35px rgba(34, 36, 41, 0.15), 0 5px 15px rgba(34, 36, 41, 0.1);



  /* [[[ Font Families ]]] */

  --bs-font-sans-serif: "Gilroy", sans-serif;
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;



  /* [[[ Size & Spacing ]]] */

  --bs-input-line-height: 1.6em;
  --bs-input-padding-y: 0.715rem;
  --bs-input-height-border: 0.14286rem;

  --bs-input-btn-padding-y-lg: 1.143rem;
  --bs-input-btn-padding-x-lg: 3rem;

  --body-text-xl: 24px;
  --body-text-lg: 14px;
  --body-text-md: 15px;
  --body-text-sm: 13px;

  /* Cont Padding */

  --xxl: 100px, 0px, 200px, 0px;
  --xl: 50px;
  --lg: 160px;
  --md: 120px;
  --sm: 80px;
  --xs: 48px;
  --xxs: 32px;
}