/**
 * Dynamic Style Customizer Variables
 * Generated automatically by ThemeCache. DO NOT EDIT.
 */

:root {
  --primary-color: #da0b0b;
  --primary-bg: #da0b0b;
  --secondary-color: #19e6e6;
  --secondary-bg: undefined;
  --navbar-bg: #da0b0b;
  --navbar-text: #ffffff;
  --navbar-text-muted: color-mix(in srgb, #ffffff 80%, transparent);
  --navbar-bg-dark: color-mix(in srgb, #da0b0b 90%, black);

  /* Primary buttons */
  --btn-bg: #da0b0b;
  --btn-text: #ffffff;
  --btn-border: #da0b0b;
  --btn-bg-hover: #aa0909;
  --btn-text-hover: #ffffff;
  --btn-border-hover: #aa0909;

  /* Secondary buttons */
  --sec-btn-bg: #ffffff;
  --sec-btn-text: #000000;
  --sec-btn-border: #cccccc;
  --sec-btn-bg-hover: #f5f5f5;
  --sec-btn-text-hover: #000000;
  --sec-btn-border-hover: #aaaaaa;

  /* Backgrounds */
  --body-bg: #ffffff;
  --bg-2: #f8f9fa;
  --bg-3: #f1f1f2;

  /* Text & Borders */
  --font-color: #24292e;
  --font-subtext: #808081;
  --border-color-default: #eceef3;

  /* Dashboard */
  --dashboard-bg: #ffffff;
  --dashboard-text: #00684A;
  --dashboard-text-hover: #000000;
  --dashboard-active-bg: color-mix(in srgb, #00684A 8%, transparent);

  /* Badge and Stars */
  --badge-color: #ff5454;
  --star-color: #ffb302;

  --font-family: 'Poppins', 'Poppins', sans-serif;
  
  /* Shared smooth transition definition */
  --theme-transition: background-color 0.4s ease, color 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;
}

html[data-theme='dark'] {
  --primary-color: #e23636;
  --primary-bg: #e23636;
  --secondary-color: #52e0e0;
  --secondary-bg: undefined;
  --navbar-bg: #18181c;
  --navbar-text: #ffffff;
  --navbar-text-muted: color-mix(in srgb, #ffffff 80%, transparent);
  --navbar-bg-dark: color-mix(in srgb, #18181c 90%, black);

  /* Primary buttons */
  --btn-bg: #e23636;
  --btn-text: #ffffff;
  --btn-border: #e23636;
  --btn-bg-hover: #e96363;
  --btn-text-hover: #ffffff;
  --btn-border-hover: #e96363;

  /* Secondary buttons */
  --sec-btn-bg: #18181c;
  --sec-btn-text: #ffffff;
  --sec-btn-border: #3a3a42;
  --sec-btn-bg-hover: #2d2d34;
  --sec-btn-text-hover: #ffffff;
  --sec-btn-border-hover: #4f4f5a;

  /* Backgrounds */
  --body-bg: #121214;
  --bg-2: #18181c;
  --bg-3: #1f1f23;

  /* Text & Borders */
  --font-color: #eceef3;
  --font-subtext: #a0a0ab;
  --border-color-default: #2d2d34;

  /* Dashboard */
  --dashboard-bg: #18181c;
  --dashboard-text: #e23636;
  --dashboard-text-hover: #ffffff;
  --dashboard-active-bg: color-mix(in srgb, #e23636 8%, transparent);

  /* Badge and Stars */
  --badge-color: #ff5454;
  --star-color: #ffb302;
}