:root {
  /* 🔵 כחול – צבע ראשי */
  --color-blue-main: #42A5F5;
  --color-blue-dark: #0077C2;
  --color-blue-light: #90CAF9;

  /* 🟡 */
  --color-orange-main: #FFB300;
  --color-orange-dark: #FF8F00;
  --color-orange-light: #FFE082;

  /* 🔴  */
  --color-red-main: #EF5350;
  --color-red-dark: #C62828;
  --color-red-light: #FFCDD2;

  /* 🟢 */
  --color-green-main: #66BB6A;
  --color-green-dark: #2E7D32;
  --color-green-light: #C8E6C9;

  /* ⚪ */
  --color-gray-main: #BDBDBD;
  --color-gray-dark: #757575;
  --color-gray-light: #EEEEEE;
  /*--color-gray-lightest: #f5f7fa;*/
  /* צבע תותי לפאנל של המובילים 
  #c5e3ff
  */
  --progress-color: #8fd14f;
  --options-max-width: 142px;
  --app-offset: 64px;
  --app-offset-bottom: 0px;


  /* צבעים נוספים */
  --color-leaderboard-current-user-bg: #c5e3ff;
  --duo-blue: #1cb0f6;
}

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    direction: rtl;
    text-align: right;
    background-color: #fff;
}
* {
  box-sizing: border-box;
}
h1, h2, h3, h4, h5, h6{
    font-weight: 500;
    margin: 10px 0;
    line-height: 1.1em;
}
a:link {
  text-decoration: none;
  color: inherit;
}

a:visited {
  text-decoration: none;
  color: inherit;
}

a:hover {
  text-decoration: none;
  color: inherit;
}

a:active {
  text-decoration: none;
  color: inherit;
}
ul {
    list-style-type: none;
    margin-top: 0;
    margin-bottom: 1rem;
}
@font-face {
  font-family: FontAwesome;
  src: url(./fonts/fontawesome.woff);
  font-weight: normal;
  font-style: normal;
}