.root {
    -fx-font-family: "Roboto", sans-serif;
    -fx-font-size: 14px;
    -fx-text-fill: rgb(26, 26, 26);
}

.mono-font {
    -fx-font-family: "JetBrains Mono", monospace;
}

.large-font {
    -fx-font-size: 18px;
}

.small-font {
    -fx-font-size: 10px;
}

.error-text {
    -fx-font-size: small;
    -fx-text-fill: red;
}

.bold-text {
    -fx-font-weight: bold;
}

.italic-text {
    -fx-font-style: italic;
}

.large-text {
    -fx-font-size: large;
}

.std-padding {
    -fx-padding: 3px;
}
.padding-extra {
    -fx-padding: 6px;
}
.padding-extra-1 {
    -fx-padding: 10px;
}

.std-spacing {
    -fx-spacing: 3px;
}
.spacing-extra {
    -fx-spacing: 6px;
}
.spacing-extra-1 {
    -fx-spacing: 10px;
}

.hand-cursor {
    -fx-cursor: hand;
}

/* Standard "tile" styling. */
.tile {
    -fx-border-color: lightgray;
    -fx-border-width: 2px;
    -fx-border-style: solid;
    -fx-border-radius: 5px;
    -fx-padding: 5px;
}

.tile-border-selected {
    -fx-border-color: darkgray;
}

/* Standard colors */
.normal-color-text-fill {
    -fx-text-fill: rgb(26, 26, 26);
}

.secondary-color-fill {
    -fx-fill: rgb(99, 99, 99);
}

.negative-color-text-fill {
    -fx-text-fill: rgb(247, 37, 69);
}
.negative-color-fill {
    -fx-fill: rgb(247, 37, 69);
}

.positive-color-text-fill {
    -fx-text-fill: rgb(43, 196, 77);
}
.positive-color-fill {
    -fx-fill: rgb(43, 196, 77);
}

/* DEBUG BORDERS */
.debug-border-1 {
    -fx-border-color: red;
}

.debug-border-2 {
    -fx-border-color: lime;
}

.debug-border-3 {
    -fx-border-color: blue;
}

.debug-border-4 {
    -fx-border-color: magenta;
}