@import url("fontawesome-all.min.css");
@import url("https://fonts.googleapis.com/css?family=Oleo+Script:400|Open+Sans:300,300italic,600,600italic,800");

: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: #0090c5;
    --color-primary-hover: #10a0d5;
    --color-primary-active: #20b0e5;
    --color-accent-pink: #ff4486;
    --color-text: #696969;
    --color-text-dark: #444444;
    --color-bg-dark-mid: #666666;
    --color-bg-dark: #404248;
    --color-bg-darker: #222222;
    --color-white: #ffffff;
    --color-bg-body: #f7f7f7;
    --color-text-on-dark: #f3f3f3;
    --color-bg-light: #f1f1f1;
    --color-bg-subtle: #e8e8e8;
    --color-bg-subtle-alt: #e4e4e4;
    --color-border-medium: #e0e0e0;
    --color-border-dark: #dfdfdf;
    --color-border: #eee;
    --color-border-gray: #ccc;
    --color-text-muted: #aaa;
    --color-text-medium: #555;
    --color-highlight: #fea;
    /* New colors used in layout.blade.php */
    --color-shadow-card: rgba(0, 0, 0, 0.22);
    --color-primary-focus: rgba(0, 144, 197, 0.14);
    --color-accent-pink-hover: #ff5c97;
    --color-error: #c62828;
    --color-warning: #8a6200;
    --color-chip-bg: #f3f8fb;
    --color-badge-video-bg: #fff2d9;
    --color-badge-video-text: #a26000;
}