:root { --bricks-color-primary: #9e0000; --bricks-color-secondary: #1e1c3a; --bricks-color-accent: #d64b34; --bricks-color-rose: #d3686a; --bricks-color-rose-light: #dfa1a2; --bricks-color-rose-pale: #e9d1d1; --bricks-color-light: #f0f1f3; --bricks-color-surface: #fdfdfd; --bricks-color-white: #ffffff; --bricks-color-border: #cccccc; --bricks-color-muted: #535862; --bricks-color-ink: #0a0a0a; --bricks-color-success: #16a34a; --bricks-color-warning: #f59e0b; --bricks-color-error: #dc2626; --bricks-color-info: #2563eb;}.bg-bricks-color-primary { background-color: var(--bricks-color-primary); }.text-bricks-color-primary { color: var(--bricks-color-primary); }.border-bricks-color-primary { border-color: var(--bricks-color-primary); }.bg-bricks-color-secondary { background-color: var(--bricks-color-secondary); }.text-bricks-color-secondary { color: var(--bricks-color-secondary); }.border-bricks-color-secondary { border-color: var(--bricks-color-secondary); }.bg-bricks-color-accent { background-color: var(--bricks-color-accent); }.text-bricks-color-accent { color: var(--bricks-color-accent); }.bg-bricks-color-rose { background-color: var(--bricks-color-rose); }.text-bricks-color-rose { color: var(--bricks-color-rose); }.bg-bricks-color-rose-light { background-color: var(--bricks-color-rose-light); }.bg-bricks-color-rose-pale { background-color: var(--bricks-color-rose-pale); }.bg-bricks-color-light { background-color: var(--bricks-color-light); }.bg-bricks-color-surface { background-color: var(--bricks-color-surface); }.bg-bricks-color-white { background-color: var(--bricks-color-white); }.text-bricks-color-white { color: var(--bricks-color-white); }.border-bricks-color-border { border-color: var(--bricks-color-border); }.text-bricks-color-muted { color: var(--bricks-color-muted); }.text-bricks-color-ink { color: var(--bricks-color-ink); }.bg-bricks-color-success { background-color: var(--bricks-color-success); }.text-bricks-color-success { color: var(--bricks-color-success); }.bg-bricks-color-warning { background-color: var(--bricks-color-warning); }.text-bricks-color-warning { color: var(--bricks-color-warning); }.bg-bricks-color-error { background-color: var(--bricks-color-error); }.text-bricks-color-error { color: var(--bricks-color-error); }.bg-bricks-color-info { background-color: var(--bricks-color-info); }.text-bricks-color-info { color: var(--bricks-color-info); }