/* ============================================================
   BLESS PERSONALIZADOS — UI SYSTEM
   Design Tokens v1.0
   ============================================================ */

:root {

  /* ── COLORS ───────────────────────────────────────────── */

  /* Primary — Verde Floresta */
  --color-primary-900: #0D1F17;
  --color-primary-800: #1B3A2D;
  --color-primary-700: #22492F;
  --color-primary-600: #2D5C42;
  --color-primary-500: #3A7356;
  --color-primary-400: #548A6B;
  --color-primary-300: #7DAD8F;
  --color-primary-200: #B0CEBF;
  --color-primary-100: #D8EBE2;
  --color-primary-50:  #EFF6F2;

  /* Accent — Dourado Laser */
  --color-accent-900: #6B4A10;
  --color-accent-800: #8B5E18;
  --color-accent-700: #A97524;
  --color-accent-600: #C9963A;
  --color-accent-500: #D4A84D;
  --color-accent-400: #DFB96A;
  --color-accent-300: #E8CB8E;
  --color-accent-200: #F0DDB5;
  --color-accent-100: #F7EEDB;
  --color-accent-50:  #FBF7EE;

  /* Neutral */
  --color-neutral-900: #1A1A1A;
  --color-neutral-800: #2C2C2C;
  --color-neutral-700: #3D3D3D;
  --color-neutral-600: #5A5A5A;
  --color-neutral-500: #787878;
  --color-neutral-400: #9A9A9A;
  --color-neutral-300: #B8B8B8;
  --color-neutral-200: #D4D4D4;
  --color-neutral-100: #EBEBEB;
  --color-neutral-50:  #F5F5F5;

  /* Surface */
  --color-background: #F5F0E8;
  --color-surface:    #FDFAF6;
  --color-white:      #FFFFFF;

  /* Semantic */
  --color-success: #2D7A4F;
  --color-error:   #C0392B;
  --color-warning: #E67E22;

  /* WhatsApp */
  --color-whatsapp:      #25D366;
  --color-whatsapp-dark: #128C7E;

  /* ── TYPOGRAPHY ───────────────────────────────────────── */

  --font-serif: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-sans:  'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-lg:   1.125rem;
  --text-xl:   1.25rem;
  --text-2xl:  1.5rem;
  --text-3xl:  1.875rem;
  --text-4xl:  2.25rem;
  --text-5xl:  3rem;
  --text-6xl:  3.75rem;

  --weight-light:    300;
  --weight-regular:  400;
  --weight-medium:   500;
  --weight-semibold: 600;
  --weight-bold:     700;

  --leading-tight:   1.2;
  --leading-snug:    1.35;
  --leading-normal:  1.5;
  --leading-relaxed: 1.7;

  --tracking-tight:   -0.02em;
  --tracking-normal:   0em;
  --tracking-wide:     0.05em;
  --tracking-wider:    0.1em;
  --tracking-widest:   0.2em;

  /* ── SPACING ──────────────────────────────────────────── */

  --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;

  /* ── BORDER RADIUS ────────────────────────────────────── */

  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   12px;
  --radius-xl:   16px;
  --radius-2xl:  24px;
  --radius-3xl:  32px;
  --radius-full: 9999px;

  /* ── SHADOWS ──────────────────────────────────────────── */

  --shadow-xs:     0 1px 2px rgba(27,58,45,.06);
  --shadow-sm:     0 1px 4px rgba(27,58,45,.08), 0 1px 2px rgba(27,58,45,.04);
  --shadow-md:     0 4px 12px rgba(27,58,45,.10), 0 2px 4px rgba(27,58,45,.06);
  --shadow-lg:     0 8px 24px rgba(27,58,45,.12), 0 4px 8px rgba(27,58,45,.08);
  --shadow-xl:     0 16px 48px rgba(27,58,45,.14), 0 8px 16px rgba(27,58,45,.08);
  --shadow-accent: 0 8px 32px rgba(201,150,58,.30);

  /* ── TRANSITIONS ──────────────────────────────────────── */

  --transition-fast:   150ms cubic-bezier(.4,0,.2,1);
  --transition-base:   250ms cubic-bezier(.4,0,.2,1);
  --transition-slow:   400ms cubic-bezier(.4,0,.2,1);
  --transition-bounce: 300ms cubic-bezier(.34,1.56,.64,1);

  /* ── LAYOUT ───────────────────────────────────────────── */

  --container-max:     1200px;
  --container-padding: clamp(1rem, 4vw, 2rem);
  --section-padding:   clamp(3.5rem, 8vw, 6rem);

  /* ── Z-INDEX ──────────────────────────────────────────── */

  --z-base:    1;
  --z-raised:  10;
  --z-overlay: 100;
  --z-fixed:   9999;
}