@font-face {
  font-family: 'Ravi';
  src: url('ravi-vf.ttf') format('truetype-variations');
  font-weight: 100 900;
  font-display: swap;
  font-feature-settings: "kern" on, "ss01" on;
}

:root {
  --font-ravi: 'Ravi', system-ui, sans-serif;
}

.prettyjson {
    direction: ltr!important;
}

.jsoneditor-menu {
    background-color: #0a0a0b!important;
    border-bottom: 1px solid #0a0a0b!important;
}

.jsoneditor {
    border: none!important;
}

.ace-jsoneditor .ace_gutter {
    background: #0a0a0b!important;
    color: #fff!important;
}

.ace-jsoneditor .ace_gutter-active-line {
    background-color: #221e1e!important;
}

.ace-jsoneditor .ace_scroller {
    background-color: #161617!important;
}

.ace-jsoneditor .ace_variable {
    color: #ffb264 !important;
}

.ace-jsoneditor .ace_string {
    color: #a2dcff !important;
}

.ace-jsoneditor .ace_marker-layer .ace_active-line {
    background: #353535!important;
}

.ace-jsoneditor .ace_marker-layer .ace_selection {
    background: #353535!important;
}

.jsoneditor-poweredBy {
    display: none!important;
}

.jsoneditor-statusbar {
    background-color: #0a0a0b;
    border-top: 1px solid #161617;
}

/* RTL and Persian specific styles */
html, body {
  font-family: var(--font-ravi);
  font-feature-settings: "ss01" on;
}


/* Base font settings */
.font-ravi {
  font-family: var(--font-ravi) ;
}

/* OpenType Feature Classes */
/* Stylistic Sets */
.ss01 {
  /* Persian/Arabic numerals */
  font-feature-settings: "ss01" on;
}

.ss02 {
  /* Kaf Swash alternates */
  font-feature-settings: "ss02" on;
}

.ss03 {
  /* Reversed Yeh */
  font-feature-settings: "ss03" on;
}

.ss04 {
  /* Lam-alef ligatures */
  font-feature-settings: "ss04" on;
}

/* Swash alternates */
.swsh {
  font-feature-settings: "swsh" on;
}

/* Stylistic alternates */
.salt {
  font-feature-settings: "salt" on;
}

/* Discretionary ligatures */
.dlig {
  font-feature-settings: "dlig" on;
}

/* Number spacing variants */
.proportional-nums {
  font-feature-settings: "pnum" on;
}

.tabular-nums {
  font-feature-settings: "tnum" on;
}

/* Multiple features */
.all-features {
  font-feature-settings: "kern" on, "ss01" on, "ss02" on, "ss03" on, "ss04" on,
                        "swsh" on, "salt" on, "dlig" on;
}

/* Weight variations */
.font-thin {
  font-variation-settings: 'wght' 100;
}

.font-light {
  font-variation-settings: 'wght' 300;
}

.font-regular {
  font-variation-settings: 'wght' 400;
}

.font-medium {
  font-variation-settings: 'wght' 500;
}

.font-bold {
  font-variation-settings: 'wght' 700;
}

.font-black {
  font-variation-settings: 'wght' 900;
}

/* Animated weight */
.animate-weight {
  transition: font-variation-settings 0.3s ease;
}

.animate-weight:hover {
  font-variation-settings: 'wght' 700;
}
