/* ==========================================================================
   VARIABLES.CSS
   Global CSS custom properties (colors, fonts, spacing, transitions)
   ========================================================================== */

:root {

  /* ---- Colors (Purple theme) ---- */
  --dma-primary: #7C3AED;
  --dma-primary-dark: #6D28D9;
  --dma-secondary: #111827;
  --dma-accent: #A855F7;
  --dma-light: #F5F3FF;
  --dma-dark: #0B0F19;
  --dma-text: #6B7280;
  --dma-text-light: #9CA3AF;
  --dma-border: #E9E4FB;
  --dma-white: #FFFFFF;
  --dma-success: #16A34A;
  --dma-error: #DC2626;
  --dma-warning: #F59E0B;

  /* ---- Gradients ---- */
  --dma-gradient-primary: linear-gradient(135deg, var(--dma-primary) 0%, var(--dma-accent) 100%);
  --dma-gradient-dark: linear-gradient(135deg, var(--dma-secondary) 0%, #1F2937 100%);

  /* ---- Typography ---- */
  --dma-font-primary: 'Space Grotesk', sans-serif;
  --dma-font-secondary: 'DM Sans', sans-serif;

  /* ---- Font Sizes ---- */
  --dma-fs-xs: 0.75rem;
  --dma-fs-sm: 0.875rem;
  --dma-fs-base: 1rem;
  --dma-fs-md: 1.125rem;
  --dma-fs-lg: 1.25rem;
  --dma-fs-xl: 1.5rem;
  --dma-fs-2xl: 2rem;
  --dma-fs-3xl: 2.5rem;
  --dma-fs-4xl: 3.25rem;
  --dma-fs-5xl: 4rem;

  /* ---- Spacing ---- */
  --dma-space-xs: 0.5rem;
  --dma-space-sm: 1rem;
  --dma-space-md: 1.5rem;
  --dma-space-lg: 2.5rem;
  --dma-space-xl: 2.5rem;
  --dma-space-2xl: 3.5rem;

  /* ---- Container ---- */
  --dma-container-width: 1240px;
  --dma-container-padding: 1.25rem;

  /* ---- Border Radius (square layout — all boxes flat-cornered) ---- */
  --dma-radius-sm: 0px;
  --dma-radius-md: 0px;
  --dma-radius-lg: 0px;
  --dma-radius-full: 0px;

  /* ---- Shadows ---- */
  --dma-shadow-sm: 0 2px 8px rgba(24, 24, 27, 0.05);
  --dma-shadow-md: 0 8px 24px rgba(24, 24, 27, 0.06);
  --dma-shadow-lg: 0 25px 60px rgba(24, 24, 27, 0.10);
  --dma-shadow-primary: 0 10px 24px rgba(124, 58, 237, 0.25);

  /* ---- Transitions ---- */
  --dma-transition-fast: 0.2s ease;
  --dma-transition-base: 0.35s ease;
  --dma-transition-slow: 0.6s ease;

  /* ---- Z-Index Layers ---- */
  --dma-z-header: 1000;
  --dma-z-overlay: 1100;
  --dma-z-modal: 1200;
}