body{--COLOR-INK: #0b0b0c;--COLOR-INK-SOFT: #5c5c60;--COLOR-PAPER: #ffffff;--COLOR-SURFACE: #f5f5f3;--COLOR-LINE: color-mix(in srgb, var(--COLOR-INK) 9%, transparent);--COLOR-ACTIVE: color-mix(in srgb, var(--COLOR-INK) 12%, var(--COLOR-PAPER));--SHADOW-1: 0 1px 2px color-mix(in srgb, var(--COLOR-INK) 5%, transparent), 0 2px 10px color-mix(in srgb, var(--COLOR-INK) 5%, transparent);--SHADOW-2: 0 2px 6px color-mix(in srgb, var(--COLOR-INK) 6%, transparent), 0 12px 28px color-mix(in srgb, var(--COLOR-INK) 9%, transparent);--SHADOW-3: 0 6px 16px color-mix(in srgb, var(--COLOR-INK) 9%, transparent), 0 28px 60px color-mix(in srgb, var(--COLOR-INK) 14%, transparent);--FONT-SYSTEM: "Roboto Flex", "Roboto", system-ui, sans-serif;--FONT-DATA: "IBM Plex Mono", ui-monospace, monospace;--WDTH-DISPLAY: 100;--WDTH-TEXT: 100;--SPACING-S: 4px;--SPACING-M: 8px;--SPACING-L: 16px;--SPACING-XL: 24px;--SPACING-XXL: 56px;--RADIUS-S: 10px;--RADIUS-M: 16px;--RADIUS-L: 24px}body[theme=azur]{--COLOR-INK: #10265c;--COLOR-INK-SOFT: #51598a;--COLOR-PAPER: #f7f9ff;--COLOR-SURFACE: #edf0fa}body[theme=selva]{--COLOR-INK: #123b2c;--COLOR-INK-SOFT: #4f6b5e;--COLOR-PAPER: #f9fbf7;--COLOR-SURFACE: #eef3ec}