/* ADEVHUB Design System - Colors & Variables (REVISED v2)
   - Adds toast layer, breakpoints, and a few component tokens
   - Keeps existing names and values to avoid regressions
*/
:root {
  /* === ICONIC BRAND COLORS === */
  --avex-primary: #4E9AC4;              /* Main ADEVHUB blue */
  --avex-primary-dark: #3E4F66;         /* Dark blue for headers/nav */
  --avex-primary-darker: #2A3441;       /* Darker blue for gradients */
  --avex-secondary: #9fcbed;            /* Light blue for hovers */
  --avex-accent: #B85450;               /* Red for remove buttons */
  --avex-accent-hover: #e0544f;         /* Red hover state */

  /* === BACKGROUND COLORS === */
  --bg-primary: #FFFFFF;                /* White backgrounds */
  --bg-secondary: #F6FAFF;              /* Light blue backgrounds */
  --bg-tertiary: #F8FAFC;               /* Very light gray-blue */
  --bg-gradient: linear-gradient(135deg, #F6FAFF 0%, #E8F4FD 100%);
  --bg-nav-gradient: linear-gradient(135deg, #3E4F66 0%, #2A3441 100%);
  --bg-company-header: linear-gradient(135deg, #3E4F66 10%, #2A3441 50%);

  /* === TEXT COLORS === */
  --text-primary: #333333;              /* Main text */
  --text-secondary: #374151;            /* Secondary text */
  --text-muted: #6B7280;                /* Muted text like breadcrumbs */
  --text-white: #FFFFFF;                /* White text */
  --text-header: #3E4F66;               /* Header text color */

  /* === BORDER COLORS === */
  --border-light: #E2E8F0;              /* Light borders */
  --border-medium: #D1D5DB;             /* Medium borders */
  --border-accent: #C0C0C0;             /* Silver accent borders */
  --red-shadow: rgba(220, 38, 38, 0.15);/* Red shadow for error states */
  --blu-shadow: rgba(62, 79, 102, 0.15);/* Blue shadow for info states */

  /* === STATUS COLORS === */
  --success: #10B981;                   /* Success green */
  --success-hover: #059669;             /* Success green hover */
  --success-light: #E6F7E6;             /* Light success background */
  --success-medium: #D4EDD4;            /* Medium success background */

  --warning: #F59E0B;                   /* Warning orange */
  --warning-light: #FEF3C7;             /* Warning background */

  --error: #e0544f;                     /* Error red */
  --error-light: #FEE2E2;               /* Error background */
  --error-border: #FECACA;              /* Error border */

  /* === SPACING SCALE === */
  --space-xs: 0.25rem;                    /* 4px */
  --space-sm: 0.5rem;                     /* 8px */
  --space-md: 0.75rem;                    /* 12px */
  --space-lg: 1rem;                       /* 16px */
  --space-xl: 1.5rem;                     /* 24px */
  --space-2xl: 2rem;                      /* 32px */

  /* === BORDER RADIUS === */
  --radius-sm: 3px;
  --radius-md: 4px;
  --radius-lg: 6px;
  --radius-xl: 8px;
  --radius-2xl: 12px;
  --radius-round: 50%;

  /* === SHADOWS === */
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);
  --shadow-md: 0 2px 5px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.1);
  --shadow-xl: 0 4px 20px rgba(0, 0, 0, 0.1);
  --shadow-2xl: 0 8px 25px rgba(0, 0, 0, 0.15);
  --shadow-header: 0 2px 10px rgba(0, 0, 0, 0.1);
  --shadow-modal: 0 10px 25px rgba(0, 0, 0, 0.2);

  /* === FOCUS STATES === */
  --focus-ring: 0 0 0 3px rgba(78, 154, 196, 0.1);
  --focus-border: var(--avex-primary);

  /* === TRANSITIONS === */
  --transition-fast: 0.2s ease;
  --transition-normal: 0.3s ease;
  --transition-all: all 0.2s ease;
  --transition-all-normal: all 0.3s ease;

  /* === FONT WEIGHTS === */
  --font-normal: 400;
  --font-medium: 500;
  --font-semibold: 600;
  --font-bold: 700;

  /* === FONT SIZES === */
  --text-xs: 0.67rem;
  --text-sm: 0.8rem;
  --text-base: 0.9rem;
  --text-lg: 1rem;
  --text-xl: 1.1rem;
  --text-2xl: 1.5rem;
  --text-3xl: 1.8rem;

  /* === Z-INDEX LAYERS === */
  --z-base: 1;
  --z-nav: 1000;
  --z-nav-item: 1001;
  --z-dropdown: 1002;                       /* menus/popovers */
  --z-choices: 1050;                        /* Choices.js dropdowns */
  --z-toast: 1200;                          /* non-blocking notifications */
  --z-modal: 10000;                         /* blocking overlay/dialog */

  /* === COMPONENT SPECIFIC === */
  --table-header-bg: var(--avex-primary);
  --table-row-hover: var(--avex-secondary);
  --table-row-even: var(--bg-tertiary);

  --nav-hover: var(--avex-secondary);
  --nav-item-hover: rgba(255, 255, 255, 0.1);

  --button-disabled-opacity: 0.5;
  --copy-button-hidden-opacity: 0;
  --copy-button-visible-opacity: 1;

  /* === GRID & LAYOUT === */
  --container-max-width: 1400px;
  --filter-grid: repeat(auto-fit, minmax(200px, 1fr));
  --form-grid-three: 1fr 1fr 1fr;

  /* === CHOICES / SELECT THEME TOKENS === */
  --choice-bg: var(--bg-secondary);
  --choice-item-bg: var(--bg-secondary);
  --choice-item-hover-bg: var(--avex-secondary);
  --choice-item-active-bg: var(--avex-secondary);
  --choice-chip-bg: var(--avex-primary);
  --choice-chip-fg: var(--text-white);
  --choice-border: var(--border-light);

  /* === BREAKPOINTS === */
  --bp-sm: 480px;
  --bp-md: 768px;
  --bp-lg: 1024px;
  --bp-xl: 1280px;
}