/* ============================================
   BRED Colima I.A.P. - Design System Variables
   Paleta basada en identidad institucional BRED
   ============================================ */

:root {
  /* --- Primary Palette (BRED Blue) --- */
  --color-primary-900: #0c4a6e;
  --color-primary-800: #0e5f8a;
  --color-primary-700: #1278a8;
  --color-primary-600: #2596be;
  --color-primary-500: #38a3c9;
  --color-primary-400: #5bb8d6;
  --color-primary-300: #7ecce3;
  --color-primary-200: #b3e0ee;
  --color-primary-100: #daf0f7;
  --color-primary-50:  #edf8fb;

  /* --- Secondary Palette (BRED Green) --- */
  --color-secondary-900: #1a5c1a;
  --color-secondary-800: #257025;
  --color-secondary-700: #2e8b2e;
  --color-secondary-600: #3a9c3a;
  --color-secondary-500: #4caf50;
  --color-secondary-400: #6ec071;
  --color-secondary-300: #94d396;
  --color-secondary-200: #bee5bf;
  --color-secondary-100: #e0f2e1;
  --color-secondary-50:  #f0f9f0;

  /* --- Accent Palette (Warm Gold) --- */
  --color-accent-600: #d97706;
  --color-accent-500: #f59e0b;
  --color-accent-400: #fbbf24;
  --color-accent-300: #fcd34d;
  --color-accent-200: #fde68a;
  --color-accent-100: #fef3c7;

  /* --- Neutrals --- */
  --color-neutral-950: #0a0a0a;
  --color-neutral-900: #1a1a2e;
  --color-neutral-800: #2d2d44;
  --color-neutral-700: #404055;
  --color-neutral-600: #5c5c5c;
  --color-neutral-500: #737373;
  --color-neutral-400: #a3a3a3;
  --color-neutral-300: #d4d4d4;
  --color-neutral-200: #e8e8e8;
  --color-neutral-100: #f5f5f5;
  --color-neutral-50:  #fafafa;
  --color-white:       #ffffff;

  /* --- Semantic Aliases --- */
  --color-primary-blue:      var(--color-primary-600);
  --color-primary-blue-dark: var(--color-primary-900);
  --color-accent-gold:       var(--color-accent-400);

  /* --- Semantic Colors --- */
  --color-success: #4caf50;
  --color-warning: #f59e0b;
  --color-error:   #ef4444;
  --color-info:    #2596be;

  /* --- Typography (Poppins como Avenir web equivalent, ref BRED GDL) --- */
  --font-heading: 'Poppins', 'Avenir', system-ui, -apple-system, sans-serif;
  --font-body:    'Poppins', 'Avenir', system-ui, -apple-system, sans-serif;
  --font-accent:  'Poppins', Georgia, serif;

  /* Font Sizes - REDUCED for compact design */
  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 0.9375rem;
  --text-lg:   1.0625rem;
  --text-xl:   1.25rem;
  --text-2xl:  1.5rem;
  --text-3xl:  1.875rem;
  --text-4xl:  2.25rem;
  --text-5xl:  3rem;

  /* Font Weights */
  --fw-light:    300;
  --fw-regular:  400;
  --fw-medium:   500;
  --fw-semibold: 600;
  --fw-bold:     700;
  --fw-extrabold:800;

  /* Line Heights */
  --lh-tight:   1.15;
  --lh-snug:    1.3;
  --lh-normal:  1.6;
  --lh-relaxed: 1.75;

  /* --- Spacing Scale (tighter) --- */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.25rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --space-32: 8rem;

  /* --- Layout --- */
  --container-sm:  640px;
  --container-md:  768px;
  --container-lg:  1024px;
  --container-xl:  1170px;
  --container-2xl: 1320px;
  --gutter:        clamp(1rem, 3vw, 1.5rem);

  /* --- Borders & Radius --- */
  --radius-sm:   0.25rem;
  --radius-md:   0.375rem;
  --radius-lg:   0.5rem;
  --radius-xl:   0.75rem;
  --radius-2xl:  1rem;
  --radius-full: 9999px;

  /* --- Shadows --- */
  --shadow-sm:    0 1px 2px 0 rgb(0 0 0 / 0.05);
  --shadow-md:    0 4px 6px -1px rgb(0 0 0 / 0.07), 0 2px 4px -2px rgb(0 0 0 / 0.05);
  --shadow-lg:    0 10px 15px -3px rgb(0 0 0 / 0.08), 0 4px 6px -4px rgb(0 0 0 / 0.05);
  --shadow-xl:    0 16px 24px -6px rgb(0 0 0 / 0.1), 0 6px 8px -4px rgb(0 0 0 / 0.05);
  --shadow-2xl:   0 20px 40px -8px rgb(0 0 0 / 0.15);
  --shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --shadow-glow:  0 0 20px rgb(37 150 190 / 0.3);

  /* --- Transitions --- */
  --transition-fast:   150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base:   300ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow:   500ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-spring: 500ms cubic-bezier(0.34, 1.56, 0.64, 1);

  /* --- Z-index Scale --- */
  --z-dropdown:  10;
  --z-sticky:    20;
  --z-fixed:     30;
  --z-overlay:   40;
  --z-modal:     50;
  --z-popover:   60;
  --z-tooltip:   70;
}