/* Color Variables for Sorcim Website */

:root {
    /* Primary Brand Colors */
    --color-primary: #64B3CC;
    --color-primary-light: #26c6da;
    --color-primary-lighter: #00bcd4;
    --color-primary-dark: #2F808C;
    --color-primary-darker: #5aa8b8;
    --color-primary-medium: #70c0d0;
    --color-primary-footer: #80D8DA;
    --color-primary-newsletter: #86D9E8;

    /* Dark Background Colors */
    --color-dark: #1a1a1a;
    --color-dark-darker: #0a0a0a;
    --color-dark-lighter: #2a2a2a;
    --color-dark-faq: #212529;

    /* Light Background Colors */
    --color-white: #ffffff;
    --color-bg-light: #f8fcf8;
    --color-bg-lighter: #fafafa;
    --color-bg-gray-light: #f5f5f5;
    --color-bg-cyan-tint: #f0f9fa;
    --color-bg-gray: #f0f0f0;
    --color-bg-cyan-light: #e0f7fa;
    --color-bg-gray-medium: #e0e0e0;

    /* Text Colors */
    --color-text-primary: #1a1a1a;
    --color-text-secondary: #333;
    --color-text-tertiary: #666;
    --color-text-quaternary: #888;
    --color-text-light: #e0e0e0;
    --color-text-lighter: #b0b0b0;
    --color-text-white: #ffffff;

    /* Accent Colors */
    --color-accent-green: #64B3CC;
    --color-accent-blue: #0066cc;
    --color-accent-blue-dark: #0052a3;

    /* Gradients */
    --gradient-primary: linear-gradient(135deg, #4dd0e1, #26c6da);
    --gradient-primary-90: linear-gradient(90deg, #4dd0e1, #26c6da);
    --gradient-primary-full: linear-gradient(135deg, #4dd0e1 0%, #26c6da 50%, #00bcd4 100%);
    --gradient-hero-overlay: linear-gradient(180deg, rgba(10, 10, 10, 0.15) 0%, rgba(10, 10, 10, 0.05) 100%);
    --gradient-underline: linear-gradient(90deg, transparent, #4dd0e1, #26c6da, transparent);
    --gradient-newsletter: linear-gradient(135deg, #1a202c 0%, #1e2532 100%);
    --gradient-success-bg: linear-gradient(135deg, rgba(240, 255, 240, 0.3) 0%, #ffffff 50%);
    --gradient-software-bg: linear-gradient(135deg, rgba(77, 208, 225, 0.1) 0%, rgba(38, 198, 218, 0.05) 100%);

    /* RGBA Colors */
    --color-white-70: rgba(255, 255, 255, 0.7);
    --color-white-30: rgba(255, 255, 255, 0.3);
    --color-white-20: rgba(255, 255, 255, 0.2);
    --color-white-10: rgba(255, 255, 255, 0.1);
    --color-white-08: rgba(255, 255, 255, 0.08);
    --color-white-05: rgba(255, 255, 255, 0.05);
    --color-dark-15: rgba(10, 10, 10, 0.15);
    --color-dark-05: rgba(10, 10, 10, 0.05);
    --color-primary-10: rgba(77, 208, 225, 0.1);
    --color-primary-light-05: rgba(38, 198, 218, 0.05);
}

/* Dark Mode Variables */
[data-theme="dark"] {
    /* Primary Brand Colors - Keep same in dark mode */
    --color-primary: #4dd0e1;
    --color-primary-light: #26c6da;
    --color-primary-lighter: #00bcd4;
    --color-primary-dark: #2F808C;
    --color-primary-darker: #5aa8b8;
    --color-primary-medium: #70c0d0;
    --color-primary-footer: #80D8DA;
    --color-primary-newsletter: #86D9E8;

    /* Dark Background Colors - Inverted */
    --color-dark: #0a0a0a;
    --color-dark-darker: #000000;
    --color-dark-lighter: #1a1a1a;
    --color-dark-faq: #0f1419;

    /* Light Background Colors - Darkened */
    --color-white: #1a1a1a;
    --color-bg-light: #1f1f1f;
    --color-bg-lighter: #252525;
    --color-bg-gray-light: #2a2a2a;
    --color-bg-cyan-tint: #1a2a2d;
    --color-bg-gray: #2a2a2a;
    --color-bg-cyan-light: #1a2a2d;
    --color-bg-gray-medium: #3a3a3a;

    /* Text Colors - Inverted */
    --color-text-primary: #ffffff;
    --color-text-secondary: #e0e0e0;
    --color-text-tertiary: #b0b0b0;
    --color-text-quaternary: #888888;
    --color-text-light: #b0b0b0;
    --color-text-lighter: #888888;
    --color-text-white: #ffffff;

    /* Accent Colors - Keep same */
    --color-accent-green: #64B3CC;
    --color-accent-blue: #4dd0e1;
    --color-accent-blue-dark: #26c6da;

    /* Gradients - Adjusted for dark mode */
    --gradient-primary: linear-gradient(135deg, #4dd0e1, #26c6da);
    --gradient-primary-90: linear-gradient(90deg, #4dd0e1, #26c6da);
    --gradient-primary-full: linear-gradient(135deg, #4dd0e1 0%, #26c6da 50%, #00bcd4 100%);
    --gradient-hero-overlay: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.2) 100%);
    --gradient-underline: linear-gradient(90deg, transparent, #4dd0e1, #26c6da, transparent);
    --gradient-newsletter: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);
    --gradient-success-bg: linear-gradient(135deg, rgba(26, 42, 45, 0.5) 0%, #1a1a1a 50%);
    --gradient-software-bg: linear-gradient(135deg, rgba(77, 208, 225, 0.15) 0%, rgba(38, 198, 218, 0.1) 100%);

    /* RGBA Colors - Adjusted for dark mode */
    --color-white-70: rgba(255, 255, 255, 0.7);
    --color-white-30: rgba(255, 255, 255, 0.3);
    --color-white-20: rgba(255, 255, 255, 0.2);
    --color-white-10: rgba(255, 255, 255, 0.1);
    --color-white-08: rgba(255, 255, 255, 0.08);
    --color-white-05: rgba(255, 255, 255, 0.05);
    --color-dark-15: rgba(0, 0, 0, 0.3);
    --color-dark-05: rgba(0, 0, 0, 0.2);
    --color-primary-10: rgba(77, 208, 225, 0.15);
    --color-primary-light-05: rgba(38, 198, 218, 0.1);
}

