: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; --aps-lavender: #C7D2FE; --aps-lavender-soft: #C8D3FD; --aps-yellow: #FEE370; --aps-gold: #FACC15; --aps-pink: #D55BB9; --aps-navy: #0F172A; --aps-purple: #28194A; --aps-charcoal: #212731; --aps-secondary: #54595F; --aps-text: #7A7A7A; --aps-white: #FFFFFF; --aps-black: #000000; --aps-border: rgba(255, 255, 255, 0.24); --aps-card: #232733; --aps-card-2: #202131; --aps-slate: #272C39; --aps-ink: #241844; --aps-gray-dark: #444852; --aps-gray-mid: #4C5059; --aps-snow: #F8FAFC; --aps-bronze: #866B2F; --aps-violet: #A389F4; --aps-an-ink: #1F2937; --aps-an-plum: #3A2566; --aps-an-gray: #6B7280; --aps-an-gray-light: #9CA3AF; --aps-an-gold: #D4A24C; --aps-an-paper: #F7F6FB; --aps-an-mist: #ECE9F6; --aps-an-green: #16A34A; --aps-lp-ink: #170F2B; --aps-lp-violet: #B57BFF; --aps-lp-paper: #F6F2FB; --aps-lp-lilac: #F2ECFA; --aps-lp-muted: #6B6280; --aps-lp-stone: #C0B8D4; --aps-lp-mist: #CEC6DF; --aps-lp-mist-2: #C6BEDB; --aps-lp-gray: #8F88A3; --aps-lp-teal: #43C9BC; --aps-lp-purple: #8B37DA; --aps-lp-magenta: #D14EB3; --aps-lp-violet-a20: rgba(181, 123, 255, 0.2); --aps-lp-teal-a20: rgba(34, 179, 166, 0.2); --aps-cream: #FFFDF2; --aps-divider: #B0B0B0; --aps-menu-hover: #3F444B; --aps-meta-line: #EAEAEA; --aps-page-chip: rgba(238, 238, 238, 0.933); --aps-hello-red: #CC3366; --aps-field-border: #666666; --aps-app-text: #C3CAD9; --aps-app-border: #A6A6A6; --aps-glow: rgba(99, 102, 241, 0.4); --aps-backdrop: rgba(0, 0, 0, 0.8); }