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

:root {
    --color-shadow-xs: rgba(0, 0, 0, 0.025);
    --color-shadow-sm: rgba(0, 0, 0, 0.05);
    --color-shadow-md: rgba(0, 0, 0, 0.085);
    --color-shadow-md2: rgba(0, 0, 0, 0.1);
    --color-shadow-lg: rgba(0, 0, 0, 0.15);
    --color-overlay: rgba(0, 0, 0, 0.5);
    --color-transparent: rgba(0, 0, 0, 0);
    --color-primary: #d30010;
    --color-primary-hover: #e12a38;
    --color-primary-active: #aa0010;
    --color-accent-pink: #f5d85f;
    --color-text: #654449;
    --color-text-dark: #24171a;
    --color-bg-dark-mid: #8a5c63;
    --color-bg-dark: #1b1b1d;
    --color-bg-darker: #111114;
    --color-white: #ffffff;
    --color-bg-body: #fcfbf8;
    --color-text-on-dark: #f3f3f3;
    --color-bg-light: #f8f6f1;
    --color-bg-subtle: #f3efea;
    --color-bg-subtle-alt: #ece6df;
    --color-border-medium: #ddd4cb;
    --color-border-dark: #c9beb3;
    --color-border: #ebe5de;
    --color-border-gray: #b5a89c;
    --color-text-muted: #b28890;
    --color-text-medium: #7d555d;
    --color-highlight: #fff0a9;
    /* New colors used in layout.blade.php */
    --color-shadow-card: rgba(82, 14, 28, 0.18);
    --color-primary-focus: rgba(207, 16, 45, 0.2);
    --color-accent-pink-hover: #ffe37f;
    --color-error: #c62828;
    --color-warning: #9a6e00;
    --color-chip-bg: #f7efe8;
    --color-badge-video-bg: #f3e8b6;
    --color-badge-video-text: #5c4300;
}