:root { --accent-rgb: 255, 0, 64; --success-rgb: 29, 207, 6; --warning-rgb: 255, 122, 0; --info-rgb: 0, 102, 255; --purple-rgb: 166, 0, 255; --panel-rgb: 16, 16, 16; --white-rgb: 255, 255, 255; --black-rgb: 0, 0, 0; --accent-1: rgba(var(--accent-rgb), 0.05); --accent-2: rgba(var(--accent-rgb), 0.10); --accent-3: rgba(var(--accent-rgb), 0.15); --accent-4: rgba(var(--accent-rgb), 0.20); --accent-5: rgba(var(--accent-rgb), 0.30); --accent-6: rgba(var(--accent-rgb), 0.40); --accent-7: rgba(var(--accent-rgb), 0.50); --accent-8: rgba(var(--accent-rgb), 0.65); --accent-9: rgba(var(--accent-rgb), 0.80); --accent-10: rgba(var(--accent-rgb), 1); --accent: var(--accent-10); --white-1: rgba(var(--white-rgb), 0.05); --white-2: rgba(var(--white-rgb), 0.10); --white-3: rgba(var(--white-rgb), 0.15); --white-4: rgba(var(--white-rgb), 0.20); --white-5: rgba(var(--white-rgb), 0.30); --white-6: rgba(var(--white-rgb), 0.40); --white-7: rgba(var(--white-rgb), 0.50); --white-8: rgba(var(--white-rgb), 0.65); --white-9: rgba(var(--white-rgb), 0.80); --white-10: rgba(var(--white-rgb), 1); --white: #ffffff; --black-1: rgba(var(--black-rgb), 0.05); --black-2: rgba(var(--black-rgb), 0.10); --black-3: rgba(var(--black-rgb), 0.15); --black-4: rgba(var(--black-rgb), 0.20); --black-5: rgba(var(--black-rgb), 0.30); --black-6: rgba(var(--black-rgb), 0.40); --black-7: rgba(var(--black-rgb), 0.50); --black-8: rgba(var(--black-rgb), 0.65); --black-9: rgba(var(--black-rgb), 0.80); --black-10: rgba(var(--black-rgb), 1); --black: #000000; --panel-1: rgba(var(--panel-rgb), 0.05); --panel-2: rgba(var(--panel-rgb), 0.10); --panel-3: rgba(var(--panel-rgb), 0.15); --panel-4: rgba(var(--panel-rgb), 0.20); --panel-5: rgba(var(--panel-rgb), 0.30); --panel-6: rgba(var(--panel-rgb), 0.40); --panel-7: rgba(var(--panel-rgb), 0.50); --panel-8: rgba(var(--panel-rgb), 0.65); --panel-9: rgba(var(--panel-rgb), 0.80); --panel-10: rgba(var(--panel-rgb), 1); --elevated-rgb: 36, 36, 36; --elevated-1: rgba(var(--elevated-rgb), 0.05); --elevated-2: rgba(var(--elevated-rgb), 0.10); --elevated-3: rgba(var(--elevated-rgb), 0.15); --elevated-4: rgba(var(--elevated-rgb), 0.20); --elevated-5: rgba(var(--elevated-rgb), 0.30); --elevated-6: rgba(var(--elevated-rgb), 0.40); --elevated-7: rgba(var(--elevated-rgb), 0.50); --elevated-8: rgba(var(--elevated-rgb), 0.65); --elevated-9: rgba(var(--elevated-rgb), 0.88); --elevated-10: rgba(var(--elevated-rgb), 1); --elevated: var(--elevated-10); --success-1: rgba(var(--success-rgb), 0.05); --success-2: rgba(var(--success-rgb), 0.10); --success-3: rgba(var(--success-rgb), 0.15); --success-4: rgba(var(--success-rgb), 0.20); --success-5: rgba(var(--success-rgb), 0.30); --success-6: rgba(var(--success-rgb), 0.40); --success-7: rgba(var(--success-rgb), 0.50); --success-8: rgba(var(--success-rgb), 0.65); --success-9: rgba(var(--success-rgb), 0.80); --success-10: rgba(var(--success-rgb), 1); --success: var(--success-10); --warning-1: rgba(var(--warning-rgb), 0.05); --warning-2: rgba(var(--warning-rgb), 0.10); --warning-3: rgba(var(--warning-rgb), 0.15); --warning-4: rgba(var(--warning-rgb), 0.20); --warning-5: rgba(var(--warning-rgb), 0.30); --warning-6: rgba(var(--warning-rgb), 0.40); --warning-7: rgba(var(--warning-rgb), 0.50); --warning-8: rgba(var(--warning-rgb), 0.65); --warning-9: rgba(var(--warning-rgb), 0.80); --warning-10: rgba(var(--warning-rgb), 1); --warning: var(--warning-10); --info-1: rgba(var(--info-rgb), 0.05); --info-2: rgba(var(--info-rgb), 0.10); --info-3: rgba(var(--info-rgb), 0.15); --info-4: rgba(var(--info-rgb), 0.20); --info-5: rgba(var(--info-rgb), 0.30); --info-6: rgba(var(--info-rgb), 0.40); --info-7: rgba(var(--info-rgb), 0.50); --info-8: rgba(var(--info-rgb), 0.65); --info-9: rgba(var(--info-rgb), 0.80); --info-10: rgba(var(--info-rgb), 1); --info: var(--info-10); --purple-1: rgba(var(--purple-rgb), 0.05); --purple-2: rgba(var(--purple-rgb), 0.10); --purple-3: rgba(var(--purple-rgb), 0.15); --purple-4: rgba(var(--purple-rgb), 0.20); --purple-5: rgba(var(--purple-rgb), 0.30); --purple-6: rgba(var(--purple-rgb), 0.40); --purple-7: rgba(var(--purple-rgb), 0.50); --purple-8: rgba(var(--purple-rgb), 0.65); --purple-9: rgba(var(--purple-rgb), 0.80); --purple-10: rgba(var(--purple-rgb), 1); --purple: var(--purple-10); --epic: var(--purple-10); --bg-1: #050505; --bg-2: #090909; --bg-3: #101010; --bg-4: #151515; --bg-5: #1a1a1a; --bg-6: #202020; --bg-7: #272727; --bg-8: #303030; --bg-9: #383838; --bg-10: #404040; --bg: var(--bg-3); --bg-deep: var(--bg-2); --bg-grad: linear-gradient(239deg, var(--bg-3) 0%, var(--bg-2) 100%); --app-arma01: #151515; --app-police: #001546; --app-hospital: #b21a40; --app-mechanic: #826e00; --app-jobs: #c56900; --app-racing: #510076; --app-tiro: #7a2e00; --app-pacman: #0b0b3a; --app-restaurant: #7a3e1d; --text-1: #ffffff; --text-2: #eeeeee; --text-3: #c0c0c0; --text-4: #909090; --text-5: #6b6b6b; --text-6: #565556; --text: var(--text-1); --text-soft: var(--text-2); --text-muted: var(--text-4); --text-dim: var(--text-4); --text-faint: var(--white-7); --text-disabled: var(--text-6); --transparent: transparent; --border: rgba(var(--white-rgb), 0.08); --border-faint: var(--white-1); --border-mid: var(--white-2); --border-strong: var(--white-5); --line: var(--white-1); --card-01: rgba(var(--white-rgb), 0.01); --card-02: rgba(var(--white-rgb), 0.02); --card-05: var(--white-1); --row-off: var(--white-3); --row-active: var(--white-1); --row-inactive: rgba(var(--white-rgb), 0.01); --danger: var(--accent); --red: var(--accent); --green: var(--success); --yellow: var(--warning); --muted: var(--text-muted); --muted-2: var(--text-dim); --panel-from: var(--bg); --panel-to: var(--bg-deep); --panel-grad: var(--bg-grad); --screen-bg: var(--bg-grad); --bg-details: var(--accent); --txt-details: var(--accent); --txt-green: var(--success); --txt-gold: var(--warning); --txt-gray: var(--text-muted); --txt-blue: var(--info); --txt-pink: var(--purple); --bg-block: rgba(var(--white-rgb), 0.02); --bg-elevated: rgba(var(--white-rgb), 0.02); --bg-hover: var(--white-1); --bg-panel: var(--panel-9); --bg-panel-soft: var(--panel-7); --bg-panel-subtle: var(--panel-5); --bg-panel-faint: var(--panel-4); --bg-overlay: rgba(var(--black-rgb), 0.9); --bg-shell: rgba(6, 6, 6, 0.8); --inv-slot-border: rgba(var(--white-rgb), 0.04); --slider-track: rgba(128, 128, 128, 0.18); --color-white: var(--text-soft); --color-txt: var(--text-disabled); --color-accent: var(--accent); --color-accent-soft: var(--accent-9); --color-bg: var(--panel-9); --color-bg-soft: var(--panel-7); --color-bg-subtle: var(--panel-5); --color-bg-panel: var(--panel-4); --color-border: var(--border); --color-text: var(--text); --color-text-dim: var(--text-faint); --accent-soft: var(--accent-3); --accent-mid: var(--accent-5); --accent-strong: var(--accent-9); --red-soft: var(--accent-3); --accent-alt: var(--accent); --shadow-border: inset 0 0 0 1px var(--border); --shadow-border-faint: inset 0 0 0 1px var(--border-faint); --shadow-border-mid: inset 0 0 0 1px var(--border-mid); --shadow-border-strong: inset 0 0 0 1px var(--border-strong); --shadow-ring-2: inset 0 0 0 2px transparent; --shadow-divider-top: inset 0 1px 0 0 var(--border-faint); --shadow-divider-bottom: inset 0 -1px 0 0 var(--border); --shadow-accent-22: inset 0 0 0 1px var(--accent-4); --shadow-accent-25: inset 0 0 0 1px var(--accent-4); --shadow-accent-30: inset 0 0 0 2px var(--accent-5); --shadow-accent-35: inset 0 0 0 1px var(--accent-5); --shadow-accent-45: inset 0 0 0 1px var(--accent-6); --shadow-accent-50: inset 0 0 0 1px var(--accent-7); --shadow-accent-55: inset 0 0 0 1px var(--accent-7); --shadow-scrollbar-thumb: inset 0 0 0 2px var(--panel-6); --graer-gb-rgb: 22, 128, 92; --bope-gb-rgb: 84, 84, 84; --core-gb-rgb: 216, 198, 158; --gtm-gb-rgb: 216, 122, 27; --gar-gb-rgb: 241, 241, 241; --gic-gb-rgb: 240, 203, 88; --cp-gb-rgb: 100, 184, 230; --tatico-gb-rgb: 84, 84, 84; --graer-gb: rgb(var(--graer-gb-rgb)); --bope-gb: rgb(var(--bope-gb-rgb)); --core-gb: rgb(var(--core-gb-rgb)); --gtm-gb: rgb(var(--gtm-gb-rgb)); --gar-gb: rgb(var(--gar-gb-rgb)); --gic-gb: rgb(var(--gic-gb-rgb)); --cp-gb: rgb(var(--cp-gb-rgb)); --tatico-gb: rgb(var(--tatico-gb-rgb)); --rpm-gb: var(--cp-gb); --cote-gb: var(--bope-gb); --white-full: var(--white); --led-details: linear-gradient(to right, var(--text-soft) 0%, var(--transparent) 100%); --led-details2: linear-gradient(to left, var(--text-soft) 0%, var(--transparent) 100%); --font: "Sora", ui-sans-serif, system-ui, sans-serif; } @import url("colors.css"); @font-face { font-family: 'Sora'; src: url('nui://villa_ui/Sora/Sora-VariableFont_wght.woff2') format('woff2'); font-weight: 100 800; font-style: normal; font-display: swap; }