/* =========================================================
   PAQARI INMOBILIARIA — Design Tokens
   Mapa Competitivo – Proyecto Samay
   ========================================================= */

:root {
  /* ── Brand Palette ─────────────────────────────────────── */
  --paqari-orange:        #D96B29;
  --paqari-orange-dark:   #B6531F;
  --paqari-orange-light:  #E8924E;
  --paqari-orange-bg:     rgba(217, 107, 41, 0.08);
  --paqari-orange-10:     rgba(217, 107, 41, 0.10);
  --paqari-orange-20:     rgba(217, 107, 41, 0.20);
  --paqari-orange-40:     rgba(217, 107, 41, 0.40);

  /* ── Neutrals ──────────────────────────────────────────── */
  --paqari-charcoal:      #2D2D2D;
  --paqari-dark:          #1A1A1A;
  --paqari-gray:          #6F6F6F;
  --paqari-gray-light:    #9E9E9E;
  --paqari-light-gray:    #ECE9E5;
  --paqari-background:    #F7F6F4;
  --paqari-surface:       #FFFFFF;
  --white:                #FFFFFF;

  /* ── Semantic ──────────────────────────────────────────── */
  --color-reference:      var(--paqari-orange);
  --color-competitor:     #8B7355;
  --color-competitor-bg:  rgba(139, 115, 85, 0.10);
  --color-line:           rgba(217, 107, 41, 0.35);
  --color-line-label-bg:  rgba(255, 255, 255, 0.95);
  --color-success:        #4CAF50;
  --color-warning:        #FF9800;
  --color-error:          #E53935;

  /* ── Typography ────────────────────────────────────────── */
  --font-primary:         'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
  --font-weight-regular:  400;
  --font-weight-medium:   500;
  --font-weight-semibold: 600;
  --font-weight-bold:     700;

  --text-xs:              0.6875rem;   /* 11px */
  --text-sm:              0.8125rem;   /* 13px */
  --text-base:            0.875rem;    /* 14px */
  --text-md:              1rem;        /* 16px */
  --text-lg:              1.125rem;    /* 18px */
  --text-xl:              1.25rem;     /* 20px */
  --text-2xl:             1.5rem;      /* 24px */

  /* ── Spacing ───────────────────────────────────────────── */
  --space-2xs:            0.25rem;     /* 4px */
  --space-xs:             0.5rem;      /* 8px */
  --space-sm:             0.75rem;     /* 12px */
  --space-md:             1rem;        /* 16px */
  --space-lg:             1.5rem;      /* 24px */
  --space-xl:             2rem;        /* 32px */
  --space-2xl:            3rem;        /* 48px */

  /* ── Border Radius ─────────────────────────────────────── */
  --radius-sm:            4px;
  --radius-md:            8px;
  --radius-lg:            12px;
  --radius-xl:            16px;
  --radius-full:          9999px;

  /* ── Shadows ───────────────────────────────────────────── */
  --shadow-sm:            0 1px 3px rgba(0, 0, 0, 0.06),
                          0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-md:            0 4px 12px rgba(0, 0, 0, 0.08),
                          0 2px 4px rgba(0, 0, 0, 0.04);
  --shadow-lg:            0 8px 24px rgba(0, 0, 0, 0.10),
                          0 4px 8px rgba(0, 0, 0, 0.04);
  --shadow-xl:            0 16px 48px rgba(0, 0, 0, 0.12),
                          0 8px 16px rgba(0, 0, 0, 0.06);
  --shadow-glow:          0 0 0 4px var(--paqari-orange-20),
                          0 4px 12px rgba(0, 0, 0, 0.08);

  /* ── Transitions ───────────────────────────────────────── */
  --transition-fast:      150ms ease;
  --transition-base:      250ms ease;
  --transition-slow:      400ms ease;
  --transition-spring:    400ms cubic-bezier(0.34, 1.56, 0.64, 1);

  /* ── Z-Index Layers ────────────────────────────────────── */
  --z-map:                1;
  --z-map-controls:       400;
  --z-panel:              500;
  --z-legend:             500;
  --z-summary:            500;
  --z-header:             600;
  --z-comparison-bar:     600;
  --z-bottom-sheet:       700;
  --z-overlay:            800;
  --z-tooltip:            900;

  /* ── Layout ────────────────────────────────────────────── */
  --header-height:        72px;
  --comparison-bar-height: 48px;
  --panel-width:          280px;
  --legend-max-width:     320px;
  --bottom-sheet-peek:    56px;
}