/* ============================================================
   DESIGN TOKENS — Dominus Fit Wear
   ============================================================ */

:root {
  /* ── Cores ─────────────────────────────────────────────── */
  --color-black:      #111111;
  --color-surface:    #FFFFFF;
  --color-surface-2:  #F5F5F3;
  --color-surface-3:  #E9E8E5;
  --color-border:     rgba(17, 17, 17, 0.10);
  --color-border-md:  rgba(17, 17, 17, 0.18);
  --color-red:        #D9291C;
  --color-red-hover:  #B91F16;
  --color-gold:       #8C6A22;
  --color-white:      #FFFFFF;
  --color-gray-1:     #FAFAF8;
  --color-gray-2:     #5D5D5D;
  --color-gray-3:     #8A8A8A;

  /* ── Tipografia ─────────────────────────────────────────── */
  --font-display: 'Barlow Condensed', sans-serif;
  --font-body:    'Inter', sans-serif;

  --text-xs:   0.75rem;   /* 12px */
  --text-sm:   0.875rem;  /* 14px */
  --text-base: 1rem;      /* 16px */
  --text-lg:   1.125rem;  /* 18px */
  --text-xl:   1.25rem;   /* 20px */
  --text-2xl:  1.5rem;    /* 24px */
  --text-3xl:  1.875rem;  /* 30px */
  --text-4xl:  2.25rem;   /* 36px */
  --text-5xl:  3rem;      /* 48px */
  --text-6xl:  3.75rem;   /* 60px */
  --text-7xl:  4.5rem;    /* 72px */

  /* ── Espaçamentos ───────────────────────────────────────── */
  --space-xs:  4px;
  --space-sm:  8px;
  --space-md:  16px;
  --space-lg:  24px;
  --space-xl:  48px;
  --space-2xl: 80px;
  --space-3xl: 120px;

  /* ── Layout ─────────────────────────────────────────────── */
  --container-max: 1280px;
  --container-pad: clamp(16px, 4vw, 40px);
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;

  /* ── Transições ─────────────────────────────────────────── */
  --transition-fast: 150ms ease;
  --transition-md:   250ms ease;
  --transition-slow: 400ms ease;

  /* ── Sombras ────────────────────────────────────────────── */
  --shadow-card:  0 12px 34px rgba(17, 17, 17, 0.10);
  --shadow-sm:    0 1px 6px  rgba(17, 17, 17, 0.08);
  --shadow-lg:    0 18px 50px rgba(17, 17, 17, 0.18);

  /* ── Z-index ────────────────────────────────────────────── */
  --z-header:  1000;
  --z-drawer:  1100;
  --z-overlay: 1050;
  --z-modal:   1200;
  --z-toast:   1300;
  --z-float:   999;
}