/* ===================================
   CSS CUSTOM PROPERTIES (COLOR MANAGEMENT)
   =================================== */
:root {
    /* Base Colors */
    --color-bg: #252525;
    --color-bg-elements: #303030;
    --color-bg-onelements: #404040;
    --color-text: #FAFAFA;
    --color-text-secondary: #EEECEC;
    --color-general-nearwhite: #FAFAFA;
    --color-general-nearblack: #1C1C1C;
    --color-gray-light: #EEECEC;
    --color-gray-medium: #ACACAC;
    --color-gray-dark: #353535;

    /* Default gradient colors (used on home page) */
    --gradient-color-1: var(--color-book-primary-medium);
    --gradient-color-2: var(--color-book-primary-light);

    /* Default link colors (used on home page) */
    --link-color: var(--color-book-primary-light);
    --link-hover-color-1: var(--color-book-primary-medium);
    --link-hover-color-2: var(--color-book-primary-light);
    
    /* Hero Section Colors */
    --color-hero-accent: #ff9500;
    --color-hero-button: #c5d5f5;
    --color-hero-button-hover-1: #FF7700;
    --color-hero-button-hover-2: #FFC300;
    
    /* Card Colors - Book */
    --color-book-primary-light: #D3E1FF;
    --color-book-primary-medium: #5B74AC;
    --color-book-primary-dark: #313F5B;
    --color-book-secondary-1: #FF7700;
    --color-book-secondary-2: #FFC300;
    
    /* Card Colors - Articles */
    --color-articles-primary-light: #FDFFE1;
    --color-articles-primary-medium: #D7DC8D;
    --color-articles-primary-dark: #595B41;
    --color-articles-secondary-1: #0011FF;
    --color-articles-secondary-2: #005EFF;
    
    /* Card Colors - Videos */
    --color-videos-primary-light: #E6C6C6;
    --color-videos-primary-medium: #B37676;
    --color-videos-primary-dark: #4F3535;
    --color-videos-secondary-1: #FF0000;
    --color-videos-secondary-2: #FF0051;

    /* Card Colors - About */
    --color-about-primary-light: #BFEAC8;
    --color-about-primary-medium: #8DDB9E;
    --color-about-primary-dark: #374F3C;
    --color-about-secondary-1: #FF0044;
    --color-about-secondary-2: #FF346A;
    
    /* Social Media Brand Colors */
    --color-social-email: #313F5B;
    --color-social-signal: #3a76f0;
    --color-social-instagram-1: #feda75;
    --color-social-instagram-2: #fa7e1e;
    --color-social-instagram-3: #d62976;
    --color-social-instagram-4: #962fbf;
    --color-social-instagram-5: #4f5bd5;
    --color-social-facebook: #1877f2;
    --color-social-bluesky: #1185fe;
    --color-social-tiktok-bg: #fe2c55;
    --color-social-tiktok-cyan: #00f2ea;
    --color-social-medium: #1C1C1C;
    --color-social-youtube: #ff0000;
}