@charset "UTF-8";
/* DEVMC - 2026.04.27 - feature #bercovich-theme# "Design tokens del theme Bercovich" */

@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300..800;1,300..800&display=swap");

:root {
  --bv-red:           #E30613;
  --bv-red-600:       #C7050F;
  --bv-red-700:       #A8030C;
  --bv-red-50:        #FFEBEC;

  --bv-black:         #0A0A0A;
  --bv-ink:           #1A1A1A;
  --bv-graphite:      #333333;
  --bv-slate:         #555555;
  --bv-grey:          #777777;
  --bv-grey-300:      #BFBFBF;
  --bv-grey-200:      #E6E6E6;
  --bv-grey-100:      #F2F2F2;
  --bv-grey-50:       #F7F7F7;
  --bv-white:         #FFFFFF;

  --bv-surface:       var(--bv-white);
  --bv-surface-alt:   var(--bv-grey-50);
  --bv-surface-image: var(--bv-grey-100);
  --bv-overlay:       rgba(10, 10, 10, 0.45);
  --bv-overlay-soft:  rgba(10, 10, 10, 0.20);
  --bv-hero-overlay:  0.55;

  --fg-1: var(--bv-ink);
  --fg-2: var(--bv-graphite);
  --fg-3: var(--bv-slate);
  --fg-4: var(--bv-grey);
  --fg-disabled: var(--bv-grey-300);
  --fg-on-red: var(--bv-white);
  --fg-on-dark: var(--bv-white);

  --bv-whatsapp:      #25D366;
  --bv-whatsapp-700:  #128C7E;
  --bv-info:          #2563EB;
  --bv-success:       #16A34A;
  --bv-warn:          #F59E0B;
  --bv-error:         var(--bv-red);

  --font-sans:    "Plus Jakarta Sans", "Mulish", "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-display: "Plus Jakarta Sans", "Mulish", "Montserrat", system-ui, sans-serif;

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

  --fs-display:  clamp(48px, 6vw, 84px);
  --fs-h1:       clamp(34px, 3.6vw, 52px);
  --fs-h2:       clamp(26px, 2.4vw, 38px);
  --fs-h3:       20px;
  --fs-h4:       16px;
  --fs-eyebrow:  13px;
  --fs-body-lg:  18px;
  --fs-body:     15px;
  --fs-body-sm:  13px;
  --fs-caption:  12px;

  --lh-display:  1.05;
  --lh-h:        1.15;
  --lh-body:     1.55;
  --lh-tight:    1.3;

  --tracking-eyebrow:  0.18em;
  --tracking-button:   0.04em;
  --tracking-h:        -0.01em;

  --sp-1:  4px;
  --sp-2:  8px;
  --sp-3:  12px;
  --sp-4:  16px;
  --sp-5:  24px;
  --sp-6:  32px;
  --sp-7:  48px;
  --sp-8:  64px;
  --sp-9:  96px;
  --sp-10: 128px;

  --r-sm:    4px;
  --r-md:    8px;
  --r-lg:    12px;
  --r-pill:  9999px;
  --r-blob:  16px;

  --bw-hair:    1px;
  --bw-thick:   2px;
  --bw-feature: 3px;
  --border-soft: 1px solid var(--bv-grey-200);

  --shadow-card:    0 1px 2px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.04);
  --shadow-hover:   0 2px 4px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.08);
  --shadow-pop:     0 8px 32px rgba(0, 0, 0, 0.12);
  --shadow-cta:     0 4px 14px rgba(227, 6, 19, 0.30);

  --ease-out:      cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-standard: cubic-bezier(0.4, 0.0, 0.2, 1);
  --dur-fast:      120ms;
  --dur-base:      200ms;
  --dur-slow:      400ms;
  --dur-slower:    700ms;

  --container:      1280px;
  --container-wide: 1440px;
  --gutter:         24px;
  --section-y:      96px;

  --z-nav:    50;
  --z-modal:  100;
  --z-toast:  200;
  --z-wa:     90;
  --z-drawer: 80;
}