@import url('https://fonts.googleapis.com/css2?family=Fraunces:wght@600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');

:root {
    /* Professional tech colors inspired by development tools and IDEs */
    /*--primary-gradient-start: #1E1E1E;*/ /* VS Code dark theme */
    /*--primary-gradient-end: #252526;*/ /* IDE background */
    /*--bg-gradient-start: #2D2D2D;*/ /* Darker background */
    /*--bg-gradient-end: #1E1E1E;*/ /* Lighter background */
    /*--accent-color: #0099FF;*/ /* React/TypeScript blue */
    /*--accent-hover: #007ACC;*/ /* Darker tech blue */
    /*--secondary-accent: #68217A;*/ /* Visual Studio purple */
    /*--text-primary: #FFFFFF;*/ /* Clear white text */
    /*--text-secondary: #CCCCCC;*/ /* Softer text */
    /*--card-bg: #2D2D2D;*/ /* Card background */
    /*--input-bg: #3C3C3C;*/ /* Input background */
    /*--success-color: #47D147;*/ /* Success state */

    /* Primary Colors */
    --primary-gradient-start: #1a237e; /* Deep blue */
    --primary-gradient-end: #0d47a1; /* Rich blue */
    /* Background Colors */
    --bg-gradient-start: #f8faff; /* Very light blue-white */
    --bg-gradient-end: #eef2ff; /* Soft blue-tinted white */
    /* Accent Colors */
    --accent-color: #3b82f6; /* Bright blue for CTAs */
    --accent-hover: #2563eb; /* Darker blue for hover states */
    /* Text Colors */
    --text-primary: #1e293b; /* Dark blue-grey for headers */
    --text-secondary: #475569; /* Medium blue-grey for body text */
}