// Labels-Default
&var-font: verdana-11px-antialised

&var-cip-font: Verdana Bold-11px
&var-cip-font-new: Verdana Bold-11px-new
&var-cip-font-small: Verdana Bold-9px-small
&var-cip-font-lowspace: Verdana Bold-11-px-lowspace
&var-cip-font-off: Verdana-Strikethrough-11px
&var-cip-font-wheel: Verdana Bold-11px-wheel
&var-cip-font-outline: Verdana Bold-11px-outline

&var-cip-font-ttf: verdana-ttf

// Colors
&var-text-color: #E2E5E6
&var-text-color-disabled: #9AA7AE80
&var-text-cip-color: #c0c0c0
&var-cip-inactive-color: #707070
&var-text-cip-color-green: #44ad25
&var-text-cip-color-green-disabled: #2c4f23
&var-text-cip-color-white: #f7f7f7
&var-text-cip-color-highlight: #f4f4f4
&var-text-cip-color-grey: #909090
&var-text-cip-color-orange: #ff9854
&var-text-cip-color-yellow: #ffda34
&var-text-cip-color-blue: #3fbbca
&var-text-cip-color-light-red: #f75f5f
&var-text-cip-store-disabled: #565656
&var-text-cip-store-red: #D33C3C
&var-text-cip-store-red-disabled: #562626
&var-text-cip-store-sale: #f7af48
&var-text-cip-store-sale-disabled: #664f2e
&var-text-cip-store-timed: #1872c3
&var-text-cip-store-timed-disabled: #1d3b55
&var-textlist-selected: #585858
&var-textlist-even: #414141
&var-textlist-odd: #484848
&var-progress-red: #c00000

// ---------------------------------------------------------------------------------------------
// OT-MMO Design System (fase 2, paso 2.1). Fuente: DESIGN.md y vault OT-MMO/diseno/guia-de-diseno.md (A.2).
// Uso: `color: $otmmo-text`. Solo valores completos (OTML no sustituye dentro de "1 $x").
// Espejo para Lua: corelib/ui/tooltip.lua (OTMMO_TOOLTIP) hasta que exista la tabla OtmmoTheme (paso 2.6).
// ---------------------------------------------------------------------------------------------

// Color: neutros pizarra + un acento (estrategia Restrained, acento <= 10 % de la superficie)
&otmmo-bg: #10161C
&otmmo-bg-2: #192127
&otmmo-surface: #232C32
&otmmo-surface-hover: #2C373E
&otmmo-border: #39444C
&otmmo-border-hover: #52606A
&otmmo-text: #E2E5E6
&otmmo-text-2: #9AA7AE
&otmmo-text-disabled: #9AA7AE80
&otmmo-accent: #C1A16B
&otmmo-hp: #C94242
&otmmo-mana: #347CCD
&otmmo-xp: #C8A34B
&otmmo-ok: #52A674
&otmmo-warn: #D99A45
&otmmo-error: #C94242
// Texto de error: el hp aclarado solo por contraste (guía A.2). #C94242 sobre bg-2 da 3,4:1; este, 4,9:1 (AA).
&otmmo-error-text: #DC6B6B
&otmmo-hover-overlay: #E2E5E614
&otmmo-selection: #C1A16B55

// Espaciado: escala de 4 px
&otmmo-space-1: 4
&otmmo-space-2: 8
&otmmo-space-3: 12
&otmmo-space-4: 16
&otmmo-space-5: 24
&otmmo-space-6: 32

// Forma (las imágenes 9-slice las dibuja scripts/generar-piel.py con estos radios)
&otmmo-border-width: 1
&otmmo-radius-sm: 2
&otmmo-radius-md: 3
&otmmo-radius-lg: 4

// Tipografía. Cada pareja fuente/tamaño crea un atlas: usar SOLO estos tamaños.
// geist = texto, geistsemibold = títulos y botones, geistmono = solo números.
&otmmo-font: geist
&otmmo-font-strong: geistsemibold
&otmmo-font-num: geistmono
&otmmo-size-xs: 11
&otmmo-size-sm: 12
&otmmo-size-md: 13
&otmmo-size-lg: 15
&otmmo-size-xl: 18