@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: #f08f84;
    --color-primary-hover: #f5a299;
    --color-primary-active: #e1776b;
    --color-accent-pink: #4f7fc8;
    --color-text: #7c7c86;
    --color-text-dark: #3e4d63;
    --color-bg-dark-mid: #88a0c6;
    --color-bg-dark: #617ea9;
    --color-bg-darker: #3f5f95;
    --color-white: #ffffff;
    --color-bg-body: #fbfbfd;
    --color-text-on-dark: #f3f3f3;
    --color-bg-light: #f7f8fd;
    --color-bg-subtle: #eef1f9;
    --color-bg-subtle-alt: #e6ebf6;
    --color-border-medium: #d8deed;
    --color-border-dark: #c7d0e3;
    --color-border: #e9edf6;
    --color-border-gray: #bcc8de;
    --color-text-muted: #a0a9bb;
    --color-text-medium: #5c6780;
    --color-highlight: #fff2d7;
    /* New colors used in layout.blade.php */
    --color-shadow-card: rgba(98, 118, 159, 0.18);
    --color-primary-focus: rgba(240, 143, 132, 0.18);
    --color-accent-pink-hover: #628fda;
    --color-error: #c62828;
    --color-warning: #aa7a28;
    --color-chip-bg: #fff4f2;
    --color-badge-video-bg: #eef3ff;
    --color-badge-video-text: #4b6fa8;
}