/* =========================================================
   GET FIT NOW - GLOBAL THEME
   Change this file for organization branding
   ========================================================= */

:root {

   --font-family:
      -apple-system,
      BlinkMacSystemFont,
      "Segoe UI",
      Roboto,
      Helvetica,
      Arial,
      sans-serif;

      --bs-body-font-family: var(--font-family);

   /* ===============================
       BRAND COLORS
       =============================== */

   --brand-primary: #ff7900;
   --brand-primary-dark: #e56700;
   --brand-primary-light: #fff0e3;

   --brand-secondary: #ffc400;
   --brand-secondary-dark: #e6ae00;
   --brand-secondary-light: #fff8d6;

   /* ===============================
       DARK THEME
       =============================== */

   --theme-black: #000000;
   --theme-dark: #111111;
   --theme-dark-2: #181818;
   --theme-dark-3: #222222;

   /* ===============================
       TEXT
       =============================== */

   --theme-text: #111111;
   --theme-text-light: #ffffff;
   --theme-muted: #777777;

   /* ===============================
       BACKGROUND
       =============================== */

   --theme-body-bg: #f5f5f5;
   --theme-card-bg: #ffffff;

   /* ===============================
       BORDER
       =============================== */

   --theme-border: #dddddd;
   --theme-border-dark: #333333;

   /* ===============================
       UI
       =============================== */

   --theme-radius: 10px;
   --theme-input-radius: 8px;
   --theme-button-radius: 8px;

   /* ===============================
       SHADOW
       =============================== */

   --theme-card-shadow:
      0 4px 18px rgba(0, 0, 0, 0.08);
}

/* =========================================================
   DARK THEME
   ========================================================= */

[data-theme="dark"] {

   --theme-text: #ffffff;
   --theme-muted: #999999;

   --theme-body-bg: #111111;
   --theme-card-bg: #181818;

   --theme-border: #333333;
   --theme-border-dark: #444444;

   --theme-card-shadow:
      0 4px 18px rgba(0, 0, 0, 0.30);
}