/* ============================================================
   TOKENS — Design System Variables
   Ivan de Oliveira Jr — Consultoria Imobiliária
   ============================================================ */

:root {
  /* --- Cores --- */
  --color-bg:           #0A0A0A;
  --color-bg-elevated:  #141414;
  --color-bg-soft:      #1C1C1C;
  --color-gold:         #C9A24B;
  --color-gold-bright:  #E8C969;
  --color-gold-soft:    #6B5429;
  --color-text:         #F4F1EA;
  --color-text-muted:   #A8A39A;
  --color-line:         #2A2620;

  /* --- Tipografia --- */
  --font-primary: "articulat-cf", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;

  --size-display:   clamp(44px, 7vw, 96px);
  --size-h1:        clamp(40px, 5.5vw, 80px);
  --size-h2:        clamp(32px, 4vw, 60px);
  --size-h3:        clamp(22px, 2.5vw, 32px);
  --size-body:      17px;
  --size-body-sm:   16px;
  --size-eyebrow:   13px;
  --size-btn:       15px;

  --weight-heavy:    900;
  --weight-bold:     700;
  --weight-demibold: 600;
  --weight-medium:   500;
  --weight-regular:  400;

  --leading-tight:   0.95;
  --leading-snug:    1.2;
  --leading-normal:  1.6;

  --tracking-tight:   -0.02em;
  --tracking-snug:    -0.015em;
  --tracking-normal:  0em;
  --tracking-wide:    0.05em;
  --tracking-wider:   0.15em;

  /* --- Espaçamento --- */
  --space-1:   4px;
  --space-2:   8px;
  --space-3:   12px;
  --space-4:   16px;
  --space-5:   24px;
  --space-6:   32px;
  --space-7:   48px;
  --space-8:   64px;
  --space-9:   80px;
  --space-10:  120px;
  --space-11:  140px;

  /* --- Grid --- */
  --grid-max:     1320px;
  --grid-cols:    12;
  --grid-gutter:  24px;
  --grid-pad:     clamp(20px, 5vw, 80px);

  /* --- Bordas --- */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-full: 9999px;

  /* --- Transições --- */
  --ease-out:    cubic-bezier(0.22, 1, 0.36, 1);
  --ease-inout:  cubic-bezier(0.65, 0, 0.35, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --dur-fast:    200ms;
  --dur-mid:     300ms;
  --dur-slow:    600ms;

  /* --- Z-index --- */
  --z-cursor:   10000;
  --z-modal:    9000;
  --z-overlay:  8000;
  --z-nav:      7000;
  --z-wa-btn:   9999;
  --z-canvas:   0;
  --z-content:  1;
}