@import url('https://fonts.googleapis.com/css2?family=Geist+Mono:wght@100..900&display=swap');

:root {
    /* Primary Theme Colors */
    --main-color: #E91E63;
    --second-color: #FF1493;
    --text-color: #E8E8E8;
  
    /* Gradients */
    --gradient: linear-gradient(var(--main-color), var(--second-color));
    --gradient-top-right: linear-gradient(to top right, #E91E63, #FF1493);
  
    /* Neutrals and Backgrounds - Dark Mode */
    --white: #0D1117;
    --light-bg: #161B22;
    --dark-blue: #474FA0;
    --transparent: transparent;
  
    /* Shadows */
    --shadow-light: rgba(0, 0, 0, 0.3);
  
    /* Scrollbar */
    --scroll-thumb: #FE5B3D;
  
    /* Accent / Border */
    --border-color: #FFAC38;
    
    /* Optional */
    --section-color: #1D1A1F;
    --alt-bg: #21262D;
    --white-alt: #30363D;
    
    /* Gradient variations */
    --gradient-right: linear-gradient(to right, var(--main-color), var(--second-color));

    /* Adapted from original colors to new scheme - Dark Mode */
    --bg-primary: #0D1117;
    --bg-secondary: #161B22;
    --bg-transparent: rgba(22, 27, 34, 0.97);
    --text-primary: #E8E8E8;
    --text-secondary: rgba(232, 232, 232, 0.6);

    --accent-primary: #E91E63;
    --accent-light: #FF1493;
    --accent-dark: #C2185B;

    --border-light: rgba(240, 246, 252, 0.05);
    --border-medium: rgba(240, 246, 252, 0.1);
    --border-hover: rgba(240, 246, 252, 0.2);
    --overlay-light: rgba(0, 0, 0, 0.3);
    
    /* Shadows - Dark Mode */
    --shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 10px 20px rgba(0, 0, 0, 0.5);

    --shadow-accent: 0 4px 15px rgba(254, 91, 61, 0.4);
    --shadow-accent-hover: 0 6px 20px rgba(254, 91, 61, 0.5);
    
    /* Typography */
    --font-family: "Geist Mono", monospace;
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
    --fw-bold: 700;
    
    /* Spacing */
    --space-xs: 5px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 20px;
    --space-xl: 25px;
    --space-xxl: 50px;
    --space-xxxl: 100px;
    
    /* Border radius */
    --radius-sm: 4px;
    --radius-md: 6px;
    --radius-lg: 8px;
    
    /* Transitions */
    --transition-fast: 0.2s ease;
    --transition-base: 0.3s ease;
    --transition-slow: 0.5s ease;
    
    /* Layout */
    --container-max: 1500px;
    --header-height: 70px;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: var(--font-family);
}