/* Aiventic Service Data - CSS Variables and Reset */

/* Reset */
* { box-sizing: border-box; margin: 0; padding: 0; }

:root {
    /* Primary Aiventic Colors */
    --primary: #775FFF;
    --primary-hover: #6249e6;
    --primary-dark: #5233ff;
    --primary-light: #D6C9FD;

    /* Dark Theme Colors */
    --dark-navy: #000B42;
    --dark-bg: #0d0a1f;
    --dark-card: #1a1538;
    --dark-border: rgba(255,255,255,0.1);

    /* Light Theme Colors */
    --light-bg: #FCFCFD;
    --light-card: #ffffff;
    --light-border: #E8EBF7;

    /* Text Colors */
    --text-primary: #0D0A1F;
    --text-secondary: #524F69;
    --text-muted: #A3A8C2;
    --text-light: #e8ebf7;

    /* Accent Colors */
    --secondary: #B1D8FC;
    --accent: #F5B1FC;
    --success: #10B981;
    --success-hover: #059669;
    --danger: #EF4444;
    --danger-hover: #DC2626;
    --warning: #F59E0B;

    /* Shadows */
    --shadow-sm: 0 2px 8px rgba(0,11,66,0.08);
    --shadow-md: 0 4px 16px rgba(0,11,66,0.12);
    --shadow-lg: 0 8px 32px rgba(0,11,66,0.16);
    --shadow-glow: 0 0 30px rgba(119,95,255,0.3);
}

/* Dark Mode */
:root.dark-mode {
    /* Background Layers */
    --light-bg: #0f0d1f;           /* Main background */
    --light-card: #1a1738;         /* Card/panel background */
    --light-border: #2a2550;       /* Borders */

    /* Text Colors */
    --text-primary: #e8e6f0;       /* Primary text */
    --text-secondary: #b8b4cc;     /* Secondary text */
    --text-muted: #706d85;         /* Muted text */
    --text-light: #524f69;         /* For dark backgrounds */

    /* Primary Colors (adjusted for contrast) */
    --primary: #8c7aff;            /* Lighter purple */
    --primary-hover: #9d8cff;
    --primary-dark: #7a66ff;
    --primary-light: #4a3d80;

    /* Accent Colors */
    --success: #22c55e;            /* Brighter green */
    --success-hover: #16a34a;
    --danger: #f87171;             /* Brighter red */
    --danger-hover: #ef4444;
    --warning: #fbbf24;            /* Brighter yellow */

    /* Shadows (darker, more subtle) */
    --shadow-sm: 0 2px 8px rgba(0,0,0,0.3);
    --shadow-md: 0 4px 16px rgba(0,0,0,0.4);
    --shadow-lg: 0 8px 32px rgba(0,0,0,0.5);
    --shadow-glow: 0 0 30px rgba(140,122,255,0.4);
}