:root { --bricks-color-grey-100: #f5f5f5; --bricks-color-grey-300: #e0e0e0; --bricks-color-grey-500: #9e9e9e; --bricks-color-grey-700: #616161; --bricks-color-grey-800: #424242; --bricks-color-grey-900: #212121; --bricks-color-yellow: #ffeb3b; --bricks-color-amber: #ffc107; --bricks-color-orange: #ff9800; --bricks-color-deep-orange: #ff5722; --bricks-color-red: #f44336; --bricks-color-purple: #9c27b0; --bricks-color-blue: #2196f3; --bricks-color-light-blue: #03a9f4; --bricks-color-sky-blue: #81D4FA; --bricks-color-green: #4caf50; --bricks-color-light-green: #8bc34a; --bricks-color-lime: #cddc39; --theme-bg: #f5f5f7; --theme-text: #111111; --theme-muted: #6e6e73; --theme-border: rgba(0,0,0,0.08); --theme-accent: #0a84ff; --theme-accent-hover: #2F95FF; --theme-design: #00A3FF; --theme-repair: #FFD900;}.bg-theme-bg { background-color: var(--theme-bg); }.text-theme-text { color: var(--theme-text); }.text-theme-muted { color: var(--theme-muted); }.border-theme-border { border-color: var(--theme-border); }.fill-theme-accent { fill: var(--theme-accent); }.stroke-theme-accent { stroke: var(--theme-accent); }.text-theme-accent { color: var(--theme-accent); }.border-theme-accent { border-color: var(--theme-accent); }.bg-theme-accent { background-color: var(--theme-accent); }.stroke-theme-accent-hover { stroke: var(--theme-accent-hover); }.fill-theme-accent-hover { fill: var(--theme-accent-hover); }.border-theme-accent-hover { border-color: var(--theme-accent-hover); }.bg-theme-accent-hover { background-color: var(--theme-accent-hover); }.text-theme-accent-hover { color: var(--theme-accent-hover); }