@import url("fontawesome-all.min.css");

:root {
    --color-shadow-xs: rgba(0, 0, 0, 0.18);
    --color-shadow-sm: rgba(0, 0, 0, 0.28);
    --color-shadow-md: rgba(0, 0, 0, 0.4);
    --color-shadow-md2: rgba(0, 0, 0, 0.46);
    --color-shadow-lg: rgba(0, 0, 0, 0.56);
    --color-overlay: rgba(0, 0, 0, 0.5);
    --color-transparent: rgba(0, 0, 0, 0);
    --color-primary: #d61919;
    --color-primary-hover: #ef2a2a;
    --color-primary-active: #a80f0f;
    --color-accent-pink: #d61919;
    --color-text: #b8b8b8;
    --color-text-dark: #f0f0f0;
    --color-bg-dark-mid: #444444;
    --color-bg-dark: #262626;
    --color-bg-darker: #171717;
    --color-white: #ffffff;
    --color-bg-body: #303030;
    --color-text-on-dark: #f3f3f3;
    --color-bg-light: #3a3a3a;
    --color-bg-subtle: #353535;
    --color-bg-subtle-alt: #404040;
    --color-border-medium: #4f4f4f;
    --color-border-dark: #5d5d5d;
    --color-border: #434343;
    --color-border-gray: #666666;
    --color-text-muted: #898989;
    --color-text-medium: #9b9b9b;
    --color-highlight: #4a1010;
    /* New colors used in layout.blade.php */
    --color-shadow-card: rgba(0, 0, 0, 0.38);
    --color-primary-focus: rgba(214, 25, 25, 0.28);
    --color-accent-pink-hover: #ef2a2a;
    --color-error: #c62828;
    --color-warning: #aa7a28;
    --color-chip-bg: #431111;
    --color-badge-video-bg: #431111;
    --color-badge-video-text: #f6d4d4;
}