@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: #d45456;
    --color-primary-hover: #c54749;
    --color-primary-active: #b73b3d;
    --color-accent-pink: #6d3235;
    --color-text: #5d544f;
    --color-text-dark: #2c2220;
    --color-bg-dark-mid: #7d625b;
    --color-bg-dark: #4f3a36;
    --color-bg-darker: #2f2322;
    --color-white: #ffffff;
    --color-bg-body: #f7f3ee;
    --color-text-on-dark: #f7f2ef;
    --color-bg-light: #fcf8f4;
    --color-bg-subtle: #f0e7e2;
    --color-bg-subtle-alt: #e8ddd7;
    --color-border-medium: #dfd2cb;
    --color-border-dark: #cfbeb6;
    --color-border: #eadfd8;
    --color-border-gray: #c7b4ab;
    --color-text-muted: #97a2ab;
    --color-text-medium: #5c514c;
    --color-highlight: #fff0b2;
    /* New colors used in layout.blade.php */
    --color-shadow-card: rgba(47, 35, 34, 0.16);
    --color-primary-focus: rgba(212, 84, 86, 0.16);
    --color-accent-pink-hover: #8b3f41;
    --color-error: #c62828;
    --color-warning: #8a6200;
    --color-chip-bg: #f6e9e6;
    --color-badge-video-bg: #f8ebe8;
    --color-badge-video-text: #9d4042;
    --color-header-bg: #d45456;
    --color-nav-bg: #3a2d2d;
}