/* css/theme.css */
:root {
    /* Font Families */
    --font-primary: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

    /* Dark Theme Color Palette */
    --primary-color: #8a4fff;           /* Vibrant Purple for actions */
    --primary-color-dark: #7033e0;        /* Darker purple for hover */
    --primary-color-light: rgba(138, 79, 255, 0.1); /* Light purple for focus rings/backgrounds */

    --accent-color: #00c4ff;             /* Electric Blue for accents and highlights */
    --link-color-copilot: #8be9fd;       /* Light blue for copilot links */

    --text-color-primary: #f0f2f5;       /* Light gray for primary text */
    --text-color-secondary: #a9b2cc;     /* Muted blue-gray for secondary text */
    --text-color-on-primary: #ffffff;     /* White text on primary color backgrounds */

    /* News System Color Variables */
    --text-primary: #f0f2f5;             /* Primary text color for news system */
    --text-secondary: #a9b2cc;           /* Secondary text color for news system */
    --bg-primary: #161625;               /* Primary background for news system */
    --bg-secondary: #1e1e3f;             /* Secondary background for news system */

    /* Background Colors */
    --background-body: #161625;          /* Deep, dark blue-purple */
    --background-surface: #1e1e3f;        /* Dark blue-purple for cards, headers */
    --background-surface-alt: #2a2a4a;    /* Lighter shade for columns, hover states */
    --background-color-darker: var(--background-body);      /* Legacy alias for solid backgrounds */
    --background-color-dark: var(--background-surface);     /* Legacy alias used across chat UI */
    --background-color-light: var(--background-surface-alt);/* Legacy alias for lighter panels */

    /* Utility Colors */
    --border-color: #3a3a5e;
    --shadow-color: rgba(0, 0, 0, 0.25);
    --success-color: #28a745;
    --danger-color: #dc3545;
    --warning-color: #ffc107;
    --erp-color: #8B5CF6;              /* Purple color for ERP notifications */

    /* Header Height Variable */
    --header-height: 70px; /* Default header height, will be updated by JS */
    --copilot-active-width: 0px; /* Width of the active copilot sidebar, 0 when closed */

    /* Spacing & Sizing */
    --spacing-unit: 8px;
    --spacing-xs: calc(var(--spacing-unit) * 0.5);  /* 4px */
    --spacing-sm: var(--spacing-unit);             /* 8px */
    --spacing-md: calc(var(--spacing-unit) * 2);   /* 16px */
    --spacing-lg: calc(var(--spacing-unit) * 3);   /* 24px */
    --spacing-xl: calc(var(--spacing-unit) * 4);   /* 32px */

    /* Borders & Shadows */
    --border-radius-sm: 4px;
    --border-radius-md: 8px;
    --box-shadow-sm: 0 2px 4px 0 var(--shadow-color);
    --box-shadow-md: 0 6px 12px -2px var(--shadow-color), 0 4px 8px -2px rgba(0, 0, 0, 0.1);
}