:root {
    --primary-green: #3DCC79;
    --primary-green-rgb: 61, 204, 121;
    --secondary-green: #2E8B57;
    --highlight-green: #50E3C2;
    --highlight-green-rgb: 80, 227, 194;
    --light-green-subtle-bg: rgba(61, 204, 121, 0.05);
    --warning-yellow: #ffc107;
    --danger-red: #f44336;
    --danger-red-rgb: 244, 67, 54;
    --highlight-yellow: #FFD700;
    --highlight-yellow-rgb: 255, 215, 0;

    --dark-bg-primary: #0D1117;
    --dark-bg-primary-rgb: 13, 17, 23;
    --dark-bg-secondary: #161B22;
    --dark-bg-secondary-rgb: 22, 27, 34;
    --dark-bg-tertiary: #1a1d24;
    --dark-bg-overlay: rgba(18, 20, 30, 0.95);
    --border-color-dark: #30363D;
    --border-color-medium: #444c56;
    --card-bg: rgba(22, 27, 34, 0.9);

    --text-color-light: #C9D1D9;
    --text-color-medium-light: #b0c4de;
    --text-color-medium: #8B949E;
    --text-color-medium-rgb: 139, 148, 158;
    --text-color-muted: #848d97;
    --text-color-headings: var(--primary-green);
    --text-color-link-default: var(--primary-green);
    --text-color-link-hover: var(--highlight-green);
    --text-color-on-primary: var(--dark-bg-primary);
    --text-color-on-danger: #ffffff;

    --legendary-gold-main: #FFDF32;
    --legendary-gold-dark: #EAA200;
    --legendary-gold-light: #FFF0A0;
    --legendary-gold-bright: #FFEB3B;
    --legendary-text-color: #4A3B00;
    --legendary-tag-bg: #4A3B00;
    --legendary-tag-text: #FFDF32;

    --epic-purple-main: #B33FF0;
    --epic-purple-dark: #8E24AA;
    --epic-purple-light: #DA70D6;
    --epic-text-glow: #DA70D6;

    --mythical-bg-start: #0F0C29;
    --mythical-bg-mid1: #302B63;
    --mythical-bg-mid2: #24243E;
    --mythical-bg-end: #00CFE2;
    --mythical-border-glow: #00E5FF;
    --mythical-border-glow-rgb: 0, 229, 255;
    --mythical-text-main: #F0F8FF;
    --mythical-accent1: #00E5FF;
    --mythical-accent2: #7F00FF;
    --mythical-tag-bg-start: #00E5FF;
    --mythical-tag-bg-end: #53008A;
    --mythical-tag-border: #EAEAEA;

    --babs-info-bg-gradient-start: var(--dark-bg-secondary, #161B22);
    --babs-info-bg-gradient-mid1: #0D47A1;
    --babs-info-bg-gradient-mid2: var(--primary-green, #3DCC79);
    --babs-info-bg-gradient-mid3: #00796B;
    --babs-info-bg-gradient-end: var(--dark-bg-secondary, #161B22);
    --babs-info-border: var(--highlight-green);
    --babs-info-shadow1: var(--highlight-green);
    --babs-info-shadow2: var(--primary-green);
    --babs-name-text-shadow1: var(--highlight-green);
    --babs-name-text-shadow2: var(--primary-green);

    --footer-bg: #010409;
    --header-bg-scrolled: rgba(13, 17, 23, 0.95);
    --header-bg-initial: rgba(13, 17, 23, 0.85);
    --header-height: 80px;
    --header-height-scrolled: 70px;

    --font-primary: 'Poppins', sans-serif;
    --font-secondary: 'Orbitron', sans-serif;
    --font-monospace: 'Roboto Mono', monospace;

    --container-width: 1140px;
    --section-padding-vertical: 80px;
    --card-border-radius: 10px;
    --card-border-radius-large: 20px;
    --card-border-radius-small: 8px;
    --button-border-radius: 6px;
    --button-padding-vertical: 0.75rem;
    --button-padding-horizontal: 1.5rem;
    --button-font-size: 0.95rem;
    --transition-speed: 0.3s;

    --box-shadow-light: 0 4px 12px rgba(0, 0, 0, 0.25);
    --box-shadow-medium: 0 6px 24px rgba(0, 0, 0, 0.35);
    --box-shadow-light-elevated: 0 4px 10px rgba(0,0,0,0.2);
    --box-shadow-inset: inset 0 2px 4px rgba(0,0,0,0.15);
    --green-glow-shadow: 0 0 18px rgba(61, 204, 121, 0.25);
    --green-border-glow: 0 0 10px rgba(61, 204, 121, 0.4);
    --primary-green-transparent: rgba(61, 204, 121, 0.5);
    --primary-green-subtle: #275c42;

    --button-disabled-bg: #282c34;
    --button-disabled-text: #6a737d;
    --button-disabled-border: #333842;
    --secondary-button-bg: #4A5568;
    --secondary-button-text-color: #E2E8F0;
    --secondary-button-border-color: #4A5568;
    --secondary-button-hover-bg: #5A6268;
    --secondary-button-hover-border: #5A6268;
    --secondary-button-hover-text-color: #FFFFFF;

    --dark-bg-card-skeleton: #2a2f38;
    --skeleton-element-bg: #3c424c;
    --skeleton-element-bg-pulse: #4a505a;

    --info-text-color: #0c5460;
    --info-bg-color: #d1ecf1;
    --info-border-color: #bee5eb;
    --success-text-color: #155724;
    --success-bg-color: #d4edda;
    --success-border-color: #c3e6cb;
    --error-text-color: #721c24;
    --error-bg-color: #f8d7da;
    --error-border-color: #f5c6cb;

    --breakpoint-xs: 576px;
    --breakpoint-sm: 768px;
    --breakpoint-md: 992px;
    --breakpoint-lg: 1200px;
}