@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: #0aa36f;
    --color-primary-hover: #0fb17a;
    --color-primary-active: #139268;
    --color-accent-pink: #1f2933;
    --color-text: #5f6b76;
    --color-text-dark: #1f2933;
    --color-bg-dark-mid: #78838d;
    --color-bg-dark: #4d5964;
    --color-bg-darker: #23303a;
    --color-white: #ffffff;
    --color-bg-body: #f3f7f4;
    --color-text-on-dark: #f3f3f3;
    --color-bg-light: #eef5f0;
    --color-bg-subtle: #e3ece6;
    --color-bg-subtle-alt: #dce6df;
    --color-border-medium: #d8e1da;
    --color-border-dark: #cad6ce;
    --color-border: #e6ece8;
    --color-border-gray: #b8c6bd;
    --color-text-muted: #97a2ab;
    --color-text-medium: #49545d;
    --color-highlight: #fea;
    /* New colors used in layout.blade.php */
    --color-shadow-card: rgba(31, 41, 51, 0.18);
    --color-primary-focus: rgba(10, 163, 111, 0.16);
    --color-accent-pink-hover: #33414d;
    --color-error: #c62828;
    --color-warning: #8a6200;
    --color-chip-bg: #eef7f2;
    --color-badge-video-bg: #e5f6ef;
    --color-badge-video-text: #087b54;
}