/* ========================================================================
   Assets Manager Pro - Global Design System
   Unified Variables & Design Tokens
   Package 1 token baseline: primitive + semantic token alignment
   Version: 2.1
   ======================================================================== */

:root {
    /* ========================================================================
       PRIMARY COLORS - Brand Identity
       ======================================================================== */
    --amp-primary: #0078d4;
    --amp-primary-hover: #106ebe;
    --amp-primary-light: #e7f3ff;
    --amp-primary-dark: #005a9e;
    --amp-primary-rgb: 0, 120, 212;
    
    /* ========================================================================
       SECONDARY COLORS - UI Accents
       ======================================================================== */
    --amp-secondary: #2563eb;
    --amp-secondary-hover: #1d4ed8;
    --amp-secondary-light: #dbeafe;
    
    /* ========================================================================
       NEUTRAL COLORS - Grayscale Palette
       ======================================================================== */
    --amp-white: #ffffff;
    --amp-black: #000000;
    
    --amp-gray-25: #fcfcfd;
    --amp-gray-50: #fafafa;
    --amp-gray-100: #f5f5f5;
    --amp-gray-200: #eeeeee;
    --amp-gray-300: #e0e0e0;
    --amp-gray-400: #bdbdbd;
    --amp-gray-500: #9e9e9e;
    --amp-gray-600: #757575;
    --amp-gray-700: #616161;
    --amp-gray-800: #424242;
    --amp-gray-900: #212121;
    
    /* ========================================================================
       SEMANTIC COLORS - Status & Feedback
       ======================================================================== */
    --amp-success: #107c10;
    --amp-success-light: #e5f5e5;
    --amp-success-hover: #0d6a0d;
    
    --amp-warning: #ffb900;
    --amp-warning-light: #fff4ce;
    --amp-warning-hover: #e6a700;
    
    --amp-error: #d13438;
    --amp-error-light: #fde7e9;
    --amp-error-hover: #b82d30;
    
    --amp-info: #0078d4;
    --amp-info-light: #e7f3ff;
    --amp-info-hover: #106ebe;
    
    /* ========================================================================
       UI ELEMENT COLORS
       ======================================================================== */
    --amp-border: #d4d4d4;
    --amp-border-light: #e8e8e8;
    --amp-border-dark: #c3c4c7;
    
    --amp-bg-body: #f5f5f5;
    --amp-bg-light: #f8f8f8;
    --amp-bg-lighter: #fafafa;
    --amp-bg-section: #fcfcfc;
    --amp-bg-card: #ffffff;
    --amp-bg-hover: #f0f6ff;

    /* Semantic surface aliases */
    --amp-surface-subtle: #f0f0f1;
    --amp-surface-selected: #f3f6f7;
    --amp-surface-muted: #f8f9fa;
    --amp-surface-canvas: var(--amp-gray-25);
    
    --amp-text-primary: #212121;
    --amp-text-secondary: #616161;
    --amp-text-tertiary: #9e9e9e;
    --amp-text-muted: #64748b;
    
    /* ========================================================================
       STATUS COLORS - Action Items & Tasks
       ======================================================================== */
    --amp-status-not-started: #999999;
    --amp-status-in-progress: #f0ad4e;
    --amp-status-completed: #5cb85c;
    --amp-status-blocked: #d9534f;
    --amp-status-on-hold: #5bc0de;
    --amp-status-unknown: #777777;
    
    /* ========================================================================
       PRIORITY COLORS
       ======================================================================== */
    --amp-priority-high: #dc3545;
    --amp-priority-medium: #ffc107;
    --amp-priority-low: #28a745;
    
    /* ========================================================================
       SPECIAL COLORS - Specific Features
       ======================================================================== */
    --amp-online: #1BC82E;
    --amp-online-light: rgba(27, 200, 46, 0.35);
    
    /* Dashboard Widget Circle Colors */
    --amp-circle-agenda: #69b3ff;
    --amp-circle-actions: #ffd44f;
    --amp-circle-suggestions: #8ed1fc;
    --amp-circle-motions: #7bdcb5;
    

    /* Notice & state surfaces */
    --amp-success-bg: #d4edda;
    --amp-success-border: #28a745;
    --amp-success-text: #155724;

    --amp-warning-bg: #fff7db;
    --amp-warning-border: #d97706;
    --amp-warning-text: #7c3f00;
    --amp-warning-icon: #b45309;
    --amp-warning-strong: #92400e;

    --amp-error-bg: #f8d7da;
    --amp-error-border: #dc3545;
    --amp-error-text: #721c24;

    --amp-info-bg-soft: #f0f8ff;
    --amp-info-bg-subtle: #f0f9ff;

    /* Links & supporting text */
    --amp-link: #2271b1;
    --amp-link-strong: #1976d2;
    --amp-text-subtle: #8a8a8a;

    /* Accent palette */
    --amp-accent-purple: #667eea;
    --amp-accent-purple-dark: #764ba2;
    --amp-accent-green: #48bb78;
    --amp-accent-blue: #4299e1;
    --amp-accent-orange: #ed8936;
    --amp-accent-cyan: #38bdf8;
    --amp-accent-yellow: #fbbf24;
    --amp-accent-teal: #17a2b8;
    --amp-accent-pending: #ffa500;

    /* Utility colors */
    --amp-border-soft-blue: #bbcdd2;
    --amp-audit-action-bg: #e3f2fd;
    --amp-code-bg-dark: #2d2d2d;

    /* ========================================================================
       TYPOGRAPHY
       ======================================================================== */
    --amp-font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, "Helvetica Neue", Arial, sans-serif;
    --amp-font-family-alt: 'Inter', system-ui, sans-serif;
    --amp-font-mono: "Consolas", "Courier New", monospace;
    
    /* Font Sizes */
    --amp-text-xs: 12px;
    --amp-text-sm: 13px;
    --amp-text-base: 14px;
    --amp-text-md: 15px;
    --amp-text-lg: 16px;
    --amp-text-xl: 18px;
    --amp-text-2xl: 20px;
    --amp-text-3xl: 24px;
    --amp-text-4xl: 28px;
    --amp-text-5xl: 32px;
    
    /* Font Weights */
    --amp-font-normal: 400;
    --amp-font-medium: 500;
    --amp-font-semibold: 600;
    --amp-font-bold: 700;
    
    /* Line Heights */
    --amp-leading-tight: 1.2;
    --amp-leading-normal: 1.4;
    --amp-leading-relaxed: 1.6;
    
    /* ========================================================================
       SPACING SYSTEM - 4px Base Grid
       ======================================================================== */
    --amp-space-1: 4px;
    --amp-space-2: 8px;
    --amp-space-3: 12px;
    --amp-space-4: 16px;
    --amp-space-5: 20px;
    --amp-space-6: 24px;
    --amp-space-7: 28px;
    --amp-space-8: 32px;
    --amp-space-10: 40px;
    --amp-space-12: 48px;
    
    /* Semantic Spacing Aliases */
    --amp-space-xs: var(--amp-space-1);   /* 4px */
    --amp-space-sm: var(--amp-space-2);   /* 8px */
    --amp-space-md: var(--amp-space-3);   /* 12px */
    --amp-space-lg: var(--amp-space-4);   /* 16px */
    --amp-space-xl: var(--amp-space-5);   /* 20px */
    --amp-space-2xl: var(--amp-space-6);  /* 24px */
    --amp-space-3xl: var(--amp-space-8);  /* 32px */
    
    /* ========================================================================
       BORDER RADIUS
       ======================================================================== */
    --amp-radius-none: 0;
    --amp-radius-sm: 4px;
    --amp-radius-md: 6px;
    --amp-radius-lg: 8px;
    --amp-radius-xl: 12px;
    --amp-radius-2xl: 16px;
    --amp-radius-full: 9999px;
    
    /* ========================================================================
       SHADOWS
       ======================================================================== */
    --amp-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.05);
    --amp-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
    --amp-shadow-md: 0 2px 5px rgba(0, 0, 0, 0.1);
    --amp-shadow-lg: 0 4px 8px rgba(0, 0, 0, 0.12);
    --amp-shadow-xl: 0 8px 16px rgba(0, 0, 0, 0.15);
    --amp-shadow-2xl: 0 8px 24px rgba(0, 0, 0, 0.18);
    
    /* ========================================================================
       TRANSITIONS & ANIMATIONS
       ======================================================================== */
    --amp-transition-fast: 150ms ease;
    --amp-transition-base: 200ms ease;
    --amp-transition-slow: 300ms ease;
    --amp-transition-slower: 400ms ease;

    /* Focus */
    --amp-focus-ring-width: 3px;
    --amp-focus-ring-color: rgba(var(--amp-primary-rgb), 0.18);
    --amp-focus-ring-shadow: 0 0 0 var(--amp-focus-ring-width) var(--amp-focus-ring-color);
    
    /* ========================================================================
       Z-INDEX LAYERS
       ======================================================================== */
    --amp-z-base: 1;
    --amp-z-dropdown: 100;
    --amp-z-sticky: 200;
    --amp-z-fixed: 300;
    --amp-z-modal-backdrop: 400;
    --amp-z-modal: 500;
    --amp-z-popover: 600;
    --amp-z-tooltip: 999;
    
    /* ========================================================================
       COMPONENT SIZES
       ======================================================================== */
    /* Buttons */
    --amp-btn-padding-y-sm: 6px;
    --amp-btn-padding-x-sm: 12px;
    --amp-btn-padding-y: 8px;
    --amp-btn-padding-x: 16px;
    --amp-btn-padding-y-lg: 10px;
    --amp-btn-padding-x-lg: 20px;
    
    /* Inputs */
    --amp-input-height: 36px;
    --amp-input-padding-y: 8px;
    --amp-input-padding-x: 12px;
    
    /* Cards */
    --amp-card-padding: var(--amp-space-lg);
    --amp-card-radius: var(--amp-radius-lg);
    
    /* Tables */
    --amp-table-cell-padding: 10px 12px;
    --amp-table-header-bg: #f9f9f9;
    
    /* ========================================================================
       BREAKPOINTS
       ======================================================================== */
    --amp-screen-sm: 640px;
    --amp-screen-md: 768px;
    --amp-screen-lg: 1024px;
    --amp-screen-xl: 1280px;
    
    /* ========================================================================
       BUTTON SYSTEM
       ======================================================================== */
    /* Primary Button */
    --amp-btn-primary-bg: var(--amp-primary);
    --amp-btn-primary-hover: var(--amp-primary-hover);
    --amp-btn-primary-text: var(--amp-white);
    
    /* Secondary Button */
    --amp-btn-secondary-bg: var(--amp-gray-100);
    --amp-btn-secondary-hover: var(--amp-gray-200);
    --amp-btn-secondary-text: var(--amp-text-primary);
    
    /* Success Button */
    --amp-btn-success-bg: var(--amp-success);
    --amp-btn-success-hover: var(--amp-success-hover);
    --amp-btn-success-text: var(--amp-white);
    
    /* Danger Button */
    --amp-btn-danger-bg: var(--amp-error);
    --amp-btn-danger-hover: var(--amp-error-hover);
    --amp-btn-danger-text: var(--amp-white);
    
    /* Warning Button */
    --amp-btn-warning-bg: var(--amp-warning);
    --amp-btn-warning-hover: var(--amp-warning-hover);
    --amp-btn-warning-text: #3f3200;
    
    /* Info Button */
    --amp-btn-info-bg: var(--amp-info);
    --amp-btn-info-hover: var(--amp-info-hover);
    --amp-btn-info-text: var(--amp-white);
}