/*
This stylesheet defines the base style for the application, and many utility
classes to use for common style variants. Prefer to use the styles defined here
rather than with your own CSS.
*/

.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;
}