/* =========================================
   VARIABLES — Design Tokens
   Advocacia & Consultoria
   Identidade — Dourado Premium + Bronze
   ========================================= */

:root {

  /* ===== FUNDO ===== */
/* ===== FUNDO ===== */

--color-bg: #120F0B;
--color-bg-secondary: #19140E;
--color-bg-elevated: #211A12;


/* ===== DOURADO / CHAMPAGNE ===== */

--color-peach: #E5C27A;
--color-peach-dark: #BD8B3D;
--color-gold: #C99A4A;
--color-gold-light: #E2C078;
--color-gold-dim: rgba(201, 154, 74, 0.30);

  /* ===== TEXTOS ===== */

  --color-white: #FFFFFF;
  --color-ink: #18120C;

  --color-text: #FFF8E8;
  --color-text-muted: #CDBB9C;

  --color-text-on-peach: #24180C;
  --color-text-on-peach-muted: #624A27;


  /* ===== BORDAS ===== */

  --color-border: rgba(255, 248, 232, 0.10);
  --color-border-gold: rgba(212, 161, 63, 0.48);


  /* ===== TIPOGRAFIA ===== */

  --font-display: "Fraunces", "Playfair Display", serif;
  --font-body: "Manrope", "Inter", sans-serif;

  --fs-eyebrow: 0.72rem;
  --fs-body: 1rem;
  --fs-small: 0.875rem;

  --tracking-eyebrow: 0.18em;


  /* ===== ESPAÇAMENTO ===== */

  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs: 0.75rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;
  --space-2xl: 6rem;
  --space-3xl: 8rem;


  /* ===== LAYOUT ===== */

  --container-width: 1180px;
  --container-padding: 1.25rem;

  --radius-sm: 4px;
  --radius-md: 10px;
  --radius-lg: 20px;


  /* ===== SOMBRAS ===== */

  --shadow-soft: 0 20px 60px rgba(0, 0, 0, 0.42);

  --shadow-gold:
    0 10px 35px rgba(212, 161, 63, 0.24);


  /* ===== TRANSIÇÕES ===== */

  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);

  --duration-fast: 200ms;
  --duration-medium: 420ms;
  --duration-slow: 700ms;
}