:root {
  /* FONT FAMILY */
  --lj-font-sans-serif: "Roboto", system-ui, -apple-system, "Helvetica Neue",
    sans-serif;
  --lj-font-regular: 400;
  --lj-font-medium: 500;
  --lj-font-bold: 700;
  --lj-font-extra-bold: 900;
  --lj-body-font-size: 1rem;
  --lj-border: 1px solid #e5e5e5;

  /* BOX SHADOWS */
  --lj-box-shadow: 0 -1 3px var(--lj-shadow);
  --lj-shadow: rgba(0, 0, 0, 0.15);

  /* COLORS */
  --lj-secondary: #1e90ff;
  --lj-primary: #ff0000;
  --lj-red: #e35252;
  --lj-red-alert: rgba(255, 87, 87, 0.52);
  --lj-blue: #006fff;
  --lj-white: #fff;
  --lj-gray-400: #cccccc;
  --lj-gray-700: #3b3b3b;
  --lj-gray-800: #434343;
  --lj-green: #7de352;
  --lj-black: #252525;
  --lj-gradient: linear-gradient(180deg,
      rgba(255, 255, 255, 0.15),
      rgba(255, 255, 255, 0));
  --lj-btn-gradient: to bottom, rgb(238 238 238 / 0%),
    rgb(238 238 238 / 100%) 100%;
  --lj-body-font-family: var(--lj-font-sans-serif);
  --lj-body-font-weight: 400;
  --lj-body-line-height: 1.5;
  --lj-border-width: 1px;
  --lj-border-style: solid;
  --lj-border-color: #dee2e6;
  --lj-border-color-translucent: rgba(0, 0, 0, 0.175);

  /* AVATAR COLORS */
  --lj-avatar-purple: #9932cc;
  --lj-avatar-cyan: #00ced1;
  --lj-avatar-yellow: #ffd700;
  --lj-avatar-orange: #ff4500;
  --lj-avatar-red: #ff0000;

  /* UTILITIES */
  --lj-border-radius: 8px;
  --lj-margin: 16px;
  --lj-border-radius-sm: 0.25rem;
  --lj-border-radius-lg: 0.8rem;
  --lj-border-radius-xl: 1rem;
  --lj-border-radius-2xl: 2rem;
  --lj-border-radius-pill: 50rem;
  --lj-calculator: calc(100vh - 80%);
}

:root:not([data-theme="dark"]) {
  /* Light mode */
  --lj-navbar-bg-light: #3b3b3b;
  --lj-font-primary-light: #3b3b3b;
  --lj-font-secondary-light: #9a9a9a;
  --lj-font-tertiary-light: #3b3b3b;
  --lj-color-light: #545454;
  --lj-bg-light: #eeeeee;
  --lj-border-light: #fff;
  --lj-cardbox-light: #ffffff;
  --lj-bg-secondary: #6b6b6b;
  --lj-border-bottom: #ccc;
  --lj-button-primary: #3b3b3b;
  --lj-button-secondary: #ffffff;
  --lj-button-disabled: #949494;
  --lj-snackbar-red: #e50019;
  --lj-tab-disabled: #e1e1e1;
  --lj-infobox: #cecece;
  --lj-keyboard-bg: #fff;
  --lj-border-bottom-color: #eeeeee;
  --lj-border-cashback-color: #c4c4c4;
  --lj-arrow-right: url("/themes/p2pv2/svg/icon-meniu-sageata-dreapta-dark.svg");
  --lj-arrow-up: url("/themes/p2pv2/svg/icon-meniu-sageata-up-dark.svg");
  --lj-arrow-down: url("/themes/p2pv2/svg/icon-meniu-sageata-down-dark.svg");
  --lj-icon-forward: url("/themes/p2pv2/svg/icon-forward.svg");
  --lj-invert-icon: invert(85%);
  --lj-invert-full: invert(100%);
  --lj-toggle: rgb(0 0 0 / 16%);
  --lj-img-confirmation: url("/themes/p2pv2/images/logo_libra-journey.png");
  --lj-icon-tag-asteptare: url("/themes/p2pv2/images/icon-tag-asteptare.png");
  --lj-cardbox-secondary: #cecece;
  --lj-icon-add: url("/themes/p2pv2/svg/icon-add-dark.svg");
  --lj-img-loader-logo: url("/themes/p2pv2/images/gif-general-light.gif");
  --lj-img-error: url("/themes/p2pv2/images/icon-eroare-tranzactie-light.gif");
  --lj-img-loader-logo-static: url("/themes/p2pv2/images/icon-general-light.gif");
  --lj-img-receive: url("/themes/p2pv2/images/icon-ai-primit-light.gif");
  --lj-img-send: url("/themes/p2pv2/images/icon-ai-trimis-light.gif");
  --lj-not-found: url("/themes/p2pv2/images/icon-not-found-light.gif");
  --lj-rating: url("/themes/p2pv2/images/icon-rating-light.gif");
  --lj-bg-pattern: url("/themes/p2pv2/images/img-hero-recommendation-light.png");
  --lj-avanpost-likes: url("/themes/p2pv2/svg/icon-avanpost-likes-dark.svg");
  --lj-avanpost-news: url("/themes/p2pv2/svg/icon-avanpost-news-dark.svg");
  --lj-avanpost-notifications: url("/themes/p2pv2/svg/icon-avanpost-notifications-settings-dark.svg");
  --lj-mastercard-priceless: url("/themes/p2pv2/svg/priceless_logo.svg");
  --lj-mastercard-priceless-gradient: linear-gradient(180deg,
      #ffffff 40%,
      hsl(0 0% 90% / 1) 90%);
}

:root:not([data-theme="light"]) {
  /* Dark mode */
  --lj-navbar-bg-light: #3b3b3b;
  --lj-font-primary-light: #fff;
  --lj-font-secondary-light: #9a9a9a;
  --lj-font-tertiary-light: #cccccc;
  --lj-color-light: #545454;
  --lj-bg-light: #545454;
  --lj-cardbox-light: #3b3b3b;
  --lj-border-light: #cccccc;
  --lj-bg-secondary: #6b6b6b;
  --lj-border-bottom: #696969;
  --lj-button-primary: #fff;
  --lj-button-secondary: #3b3b3b;
  --lj-button-disabled: #a9a9a9;
  --lj-snackbar-red: #e50019;
  --lj-infobox: #828282;
  --lj-keyboard-bg: #626262;
  --lj-border-bottom-color: #6b6b6b;
  --lj-border-cashback-color: #c4c4c4;
  --lj-btn-gradient: to bottom, rgb(84 84 84 / 0%), rgb(84 84 84 / 100%) 100%;
  --lj-tab-disabled: var(--lj-bg-secondary);
  --lj-icons-dark: invert(100%) sepia(100%) saturate(1%) hue-rotate(256deg) brightness(106%) contrast(101%);
  --lj-arrow-right: url("/themes/p2pv2/svg/icon-meniu-sageata-dreapta.svg");
  --lj-arrow-up: url("/themes/p2pv2/svg/icon-meniu-sageata-up.svg");
  --lj-arrow-down: url("/themes/p2pv2/svg/icon-meniu-sageata-down.svg");
  --lj-icon-forward: url("/themes/p2pv2/svg/icon-forward-green.svg");
  --lj-invert-icon: invert(0);
  --lj-invert-full: invert(0);
  --lj-toggle: rgb(255 255 255 / 16%);
  --lj-img-confirmation: url("/themes/p2pv2/images/logo_libra-journey-light.png");
  --lj-icon-tag-asteptare: url("/themes/p2pv2/images/icon-tag-asteptare-dark.png");
  --lj-cardbox-secondary: #3b3b3b;
  --lj-icon-add: url("/themes/p2pv2/svg/icon-add.svg");
  --lj-img-loader-logo: url("/themes/p2pv2/images/gif-general-dark.gif");
  --lj-img-error: url("/themes/p2pv2/images/icon-eroare-tranzactie-dark.gif");
  --lj-img-loader-logo-static: url("/themes/p2pv2/images/icon-general-dark.gif");
  --lj-img-receive: url("/themes/p2pv2/images/icon-ai-primit-dark.gif");
  --lj-img-send: url("/themes/p2pv2/images/icon-ai-trimis-dark.gif");
  --lj-not-found: url("/themes/p2pv2/images/icon-not-found-dark.gif");
  --lj-rating: url("/themes/p2pv2/images/icon-rating-dark.gif");
  --lj-bg-pattern: url("/themes/p2pv2/images/img-hero-recommendation-dark.png");
  --lj-avanpost-likes: url("/themes/p2pv2/svg/icon-avanpost-likes.svg");
  --lj-avanpost-news: url("/themes/p2pv2/svg/icon-avanpost-news.svg");
  --lj-avanpost-notifications: url("/themes/p2pv2/svg/icon-avanpost-notifications-settings.svg");
  --lj-mastercard-priceless: url("/themes/p2pv2/svg/priceless_logo-dark.svg");
  --lj-mastercard-priceless-gradient: linear-gradient(10deg,
      #000000 35.59%,
      #2b2b2b 73%);
}