@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css');
@import url('https://online-corps.alwaysdata.net/css/icon-online.css');
@import url('/css/theme-atmosphere.css');

:root {
    --primary: #4361ee;
    --primary-dark: #3046c1;
    --secondary: #2ec4b6;
    --accent: #ff9f1c;
    --success: #2ec4b6;
    --danger: #e71d36;
    --danger-dark: #c02a3c;
    --warning: #ff9f1c;
    --info: #4cc9f0;

    --bg-primary: #f7f9ff;
    --bg-secondary: #eef2fb;
    --bg-tertiary: #e8edfa;
    --bg-white: #ffffff;
    --text-primary: #182033;
    --text-secondary: #59647a;
    --border-color: #dce3f1;
    --card-bg: #ffffff;
    --card-bg2: #e6ebf5;
    --header-bg: rgba(247, 249, 255, 0.88);

    --theme-tint: rgba(67, 97, 238, 0.09);
    --theme-glow: rgba(67, 97, 238, 0.2);
    --theme-shadow: rgba(30, 48, 100, 0.09);
    --theme-ambient: rgba(67, 97, 238, 0.09);
    --theme-ambient-secondary: rgba(46, 196, 182, 0.08);
    --theme-gradient: linear-gradient(90deg, #4361ee, #2ec4b6, #ff9f1c);

    --spacing-xs: 8px;
    --spacing-sm: 12px;
    --spacing-md: 20px;
    --spacing-lg: 40px;
    --spacing-xl: 3rem;

    --transition-fast: 0.2s ease;
    --transition-normal: 0.3s ease;
    --transition-slow: 0.7s ease;
}

.dark {
    --primary: #8296ff;
    --primary-dark: #6379ed;
    --secondary: #55ddce;
    --accent: #ffc15c;
    --bg-primary: #111522;
    --bg-secondary: #171d2d;
    --bg-tertiary: #20283a;
    --bg-white: #1b2232;
    --text-primary: #f3f5fc;
    --text-secondary: #b4bdd0;
    --border-color: #30394d;
    --card-bg: #1b2232;
    --card-bg2: #252e42;
    --header-bg: rgba(17, 21, 34, 0.88);
    --theme-tint: rgba(130, 150, 255, 0.13);
    --theme-glow: rgba(130, 150, 255, 0.24);
    --theme-shadow: rgba(0, 0, 0, 0.24);
    --theme-ambient: rgba(67, 97, 238, 0.12);
    --theme-ambient-secondary: rgba(46, 196, 182, 0.07);
}