/* ==============================================
   AULA COLOR SYSTEM
   Change colors here to affect entire site
   ============================================== */

:root {
    /* BRAND */
    --color-primary: #075450;
    --color-primary-hover: #1BCF72;
    --color-secondary: #455A64;
    --color-secondary-hover: #374850;

    /* STATUS */
    --color-success: #008F53;
    --color-success-hover: #007A47;
    --color-warning: #FCA54B;
    --color-warning-hover: #E29443;
    --color-danger: #C21B2C;
    --color-danger-hover: #A81726;
    --color-info: #00647D;
    --color-info-hover: #00536A;

    /* TEXT */
    --color-text-primary: #2D373F;
    --color-text-secondary: #545454;
    --color-text-muted: #999;
    --color-text-inverse: #fff;

    /* BACKGROUNDS */
    --color-bg-body: #f9f9f9;
    --color-bg-surface: #fff;
    --color-bg-light: #f2f3f5;
    --color-bg-neutral: #e3e5e8;
    --color-bg-dark: #2D373F;

    /* BORDERS */
    --color-border-light: #D3DBD7;
    --color-border-default: #ddd;
    --color-border-dark: #ccc;
    --color-border-separator: #e9ecef;

    /* BUTTONS */
    --btn-neutral-bg: #D3DBD7;
    --btn-neutral-hover: #BDC5C1;

    /* ALERTS */
    --alert-primary-bg: #E8F5EE;
    --alert-primary-border: rgba(7, 84, 80, 0.2);
    --alert-primary-text: #075450;

    --alert-secondary-bg: #BFD1D8;
    --alert-secondary-border: rgba(69, 90, 100, 0.2);
    --alert-secondary-text: #455A64;

    --alert-success-bg: #E8F5EE;
    --alert-success-border: rgba(0, 143, 83, 0.3);
    --alert-success-text: #008F53;

    --alert-warning-bg: #FFF4E5;
    --alert-warning-border: rgba(252, 165, 75, 0.2);
    --alert-warning-text: #613A00;

    --alert-danger-bg: #FCE8E9;
    --alert-danger-border: rgba(194, 27, 44, 0.2);
    --alert-danger-text: #C21B2C;

    --alert-info-bg: #E5F6FA;
    --alert-info-border: rgba(0, 100, 125, 0.2);
    --alert-info-text: #00647D;

    /* SPECIAL */
    --color-hot-indicator: #ff2929;

    /* GRAYSCALE */
    --color-white: #fff;
    --color-black: #000;
    --color-gray-100: #f8f9fa;
    --color-gray-200: #eee;
    --color-gray-300: #dee2e6;
    --color-gray-400: #ccc;
    --color-gray-500: #aaa;
    --color-gray-600: #888;
    --color-gray-700: #6c757d;
    --color-gray-800: #495057;
    --color-gray-900: #343a40;
    --color-gray-dark: #333;

    /* LOGO */
    --color-logo: #1BCF72;

    /* SOCIAL/PLATFORM */
    --color-facebook: #1877F2;
    --color-facebook-hover: #166FE5;

    /* CODE BLOCKS */
    --color-code-bg: #f1f3f4;
    --color-code-text: #d73a49;

    /* ADDITIONAL UI */
    --color-focus-ring: #80bdff;
    --color-highlight-bg: #e4ddc5;
    --color-highlight-surface: #f0ede2;
    --color-link: #007bff;
    --color-link-hover: #0056b3;
    --color-search-highlight: #FFFF88;

    /* HOVER STATES */
    --color-primary-light: #E8F5EE;
    --color-danger-light: #FCE8E9;

    /* BORDER RADIUS SCALE */
    --radius-sm: 6px;
    --radius-base: 8px;
    --radius-lg: 10px;
}

/* DARK MODE OVERRIDES */
body.dark-mode {
    /* BACKGROUNDS - Cool blue-tinted */
    --color-bg-body: #0d1117;
    --color-bg-surface: #161b22;
    --color-bg-light: #21262d;
    --color-bg-neutral: #30363d;
    --color-bg-dark: #010409;

    /* BRAND - Luminous for dark backgrounds */
/* #2dd4a8 */
    --color-primary: #1BCF72;
    --color-primary-hover: #075450;

    /* TEXT - Reduced glare with cool tint */
    --color-text-primary: #e6edf3;
    --color-text-secondary: #8b949e;
    --color-text-muted: #6e7681;
    --color-text-inverse: #1f2328;

    /* STATUS - Luminous for dark backgrounds */
    --color-success: #3fb950;
    --color-success-hover: #2ea043;
    --color-warning: #d29922;
    --color-warning-hover: #bb8009;
    --color-danger: #f85149;
    --color-danger-hover: #da3633;
    --color-info: #58a6ff;
    --color-info-hover: #388bfd;

    /* BORDERS */
    --color-border-light: #30363d;
    --color-border-default: #21262d;
    --color-border-dark: #161b22;
    --color-border-separator: #21262d;

    /* BUTTONS */
    --btn-neutral-bg: #30363d;
    --btn-neutral-hover: #3d444d;

    /* ALERTS - Translucent dark surfaces */
    --alert-primary-bg: rgba(45,212,168,0.10);
    --alert-primary-border: rgba(45,212,168,0.25);
    --alert-primary-text: #56d4b0;

    --alert-secondary-bg: rgba(139,148,158,0.10);
    --alert-secondary-border: rgba(139,148,158,0.25);
    --alert-secondary-text: #8b949e;

    --alert-success-bg: rgba(63,185,80,0.10);
    --alert-success-border: rgba(63,185,80,0.25);
    --alert-success-text: #56d364;

    --alert-warning-bg: rgba(210,153,34,0.10);
    --alert-warning-border: rgba(210,153,34,0.25);
    --alert-warning-text: #473305;

    --alert-danger-bg: rgba(248,81,73,0.10);
    --alert-danger-border: rgba(248,81,73,0.25);
    --alert-danger-text: #f97583;

    --alert-info-bg: rgba(88,166,255,0.10);
    --alert-info-border: rgba(88,166,255,0.25);
    --alert-info-text: #79c0ff;

    /* CODE BLOCKS */
    --color-code-bg: #161b22;
    --color-code-text: #f97583;

    /* FOCUS */
    --color-focus-ring: rgba(88,166,255,0.4);

    /* HIGHLIGHTS */
    --color-highlight-bg: rgba(187,128,9,0.15);
    --color-highlight-surface: rgba(187,128,9,0.10);
    --color-search-highlight: rgba(210,153,34,0.4);

    /* GRAYSCALE - Inverted for dark mode */
    --color-white: #e6edf3;
    --color-black: #f0f6fc;
    --color-gray-100: #161b22;
    --color-gray-200: #21262d;
    --color-gray-300: #30363d;
    --color-gray-400: #484f58;
    --color-gray-500: #6e7681;
    --color-gray-600: #8b949e;
    --color-gray-700: #b1bac4;
    --color-gray-800: #c9d1d9;
    --color-gray-900: #e6edf3;
    --color-gray-dark: #c9d1d9;

    /* HOVER STATES */
    --color-primary-light: rgba(45,212,168,0.10);
    --color-danger-light: rgba(248,81,73,0.10);

    /* LINKS */
    --color-link: #58a6ff;
    --color-link-hover: #79c0ff;
}