/*
    To customize colors themes, change colors above.
 */
 :root {
   --theme-default: #ffbd59;
   --theme-secondary: #1a3347;

   --sidebar-accent: #ffbd59;
   --sidebar-accent-secondary: #a28150;
   --sidebar-background: #152939;
   --sidebar-border: rgba(0, 0, 0, 0.1);
   
   --light-background: #f6f7f9;
   --body-font-color: #0000ee;
   --chart-border: #ECF3FA;
   --recent-chart-bg: #FCFCFD;
   --light-bg: #EEF1F6;
   --white: #fff;
   --light2: #F5F6F9;
   
   --chart-text-color: rgba(82, 82, 108, 0.8);
   --recent-dashed-border: rgba(82, 82, 108, 0.3);
   --chart-dashed-border: rgba(82, 82, 108, 0.2);
   --chart-progress-light: rgba(82, 82, 108, 0.1);
   --recent-box-bg: #F2F4F7;
   --recent-border: rgba(97, 101, 122, 0.25);
   --course-light-btn: #F2F3F7;
   --course-bg: #F7F7F7;
   --balance-profie-bg: #E0DFEF;
   --view-grid-bg: #ECF3FA80;
   --view-border-marker: #cfcdfc;
   --light-slate: #F5F6F9;
   --text-gray: rgba(82, 82, 108, 0.8);
   --product-shadow: 0px 1px 0px rgba(82, 82, 108, 0.15);
   --light-shade-primary: rgba(245, 244, 255);
   --dark-primary: #193750;

   --fc-button-bg-color: var(--theme-secondary);
   --fc-button-active-bg-color: var(--theme-secondary);
   --fc-button-active-border-color: var(--theme-secondary);
   --fc-button-border-color: var(--theme-secondary);
   --fc-button-hover-bg-color: var(--theme-secondary);
   --fc-button-hover-border-color: var(--theme-secondary);
   /* Do not show the "remove tag" (x) button when only a single tag remains */
 }

/* Fix: cuba/css/style.css has `input:focus { outline-color: transparent }`
   which hides the browser native focus ring for all inputs, leaving them with no focus indicator.
   These rules restore a visible focus border for plain text inputs. */
input[type=text]:focus,
input[type=email]:focus,
input[type=search]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=time]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=url]:focus,
textarea:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25)
}