html,body,app-root{height:100%;margin:0}app-root{display:flex;flex-direction:column;min-height:100%}:root{--color-primary: #f10000;--color-primary-700: #b00000;--color-primary-600: #c30000;--color-primary-400: #ff3333;--color-primary-200: #ff7f7f;--color-accent: #ff8a00;--color-accent-700: #cc6b00;--gray-900: #0b0b0b;--gray-800: #1a1a1a;--gray-700: #2f2f2f;--gray-600: #4a4a4a;--gray-500: #7a7a7a;--gray-300: #dcdcdc;--gray-100: #f5f5f5;--bg: #ffffff;--surface: #111111;--success: #28a745;--warning: #ffb400;--info: #17a2b8;--text: #111111;--text-on-primary: #ffffff;--header-height: 76px}@media (max-width: 820px){:root{--header-height: 64px}}