:root {
    --color-black: #0a0a0a;
    --color-charcoal: #1a1a1a;
    --color-gray: #2d2d2d;
    --color-accent: #f90513;
    --color-accent-hover: #e01722;
    --color-accent-faded: rgba(224, 23, 34, 0.4);
    --color-accent-light: #fce5e5;
    --color-text: #f5f5f5;
    --color-text-muted: #a3a3a3;
    --color-bg: #fafafa;
    --color-card: #ffffff;
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -2px rgba(0, 0, 0, 0.06);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -4px rgba(0, 0, 0, 0.05);
    --radius: 12px;
    --radius-lg: 16px;
}