/**
 * Design Tokens & Tipografia Local (Figtree)
 *
 * Andrade & Ribas Advogados
 */

/* Fonte Local: Figtree Regular (400) */
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/Figtree-Regular.woff2') format('woff2');
}

/* Fonte Local: Figtree SemiBold (600) */
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/Figtree-SemiBold.woff2') format('woff2');
}

:root {
  /* Token Responsivo da Altura da Topbar */
  --topbar-height: 56px;

  /* Tipografia */
  --font-primary: 'Figtree', sans-serif;
  --font-weight-regular: 400;
  --font-weight-semibold: 600;

  --font-size-base: 1rem;
  --font-size-sm: 0.875rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.5rem;
  --font-size-2xl: clamp(1.75rem, 3vw, 2.25rem);
  --font-size-3xl: clamp(2.25rem, 5vw, 3.25rem);

  /* Paleta de Cores (Placeholders até a Etapa 2) */
  --color-primary: #0F2027;
  --color-secondary: #203A43;
  --color-accent: #C5A059;
  --color-background: #FFFFFF;
  --color-surface: #F8F9FA;
  --color-text: #1C252C;
  --color-text-muted: #5A6578;
  --color-border: #E2E8F0;

  /* Layout & Container Global */
  --container-max: 1280px;
  --container-tablet: 90%;
  --container-mobile-padding: 20px;

  /* Breakpoints Técnicos */
  --breakpoint-mobile: 576px;
  --breakpoint-tablet: 768px;
  --breakpoint-laptop: 1024px;
  --breakpoint-desktop: 1280px;

  /* Espaçamentos Rítmicos */
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2.5rem;
  --spacing-xl: clamp(3rem, 6vw, 5rem);

  /* Transições */
  --transition-fast: 150ms ease;
  --transition-normal: 250ms ease;
}

@media (min-width: 768px) {
  :root {
    --topbar-height: 64px;
  }
}

@media (min-width: 1024px) {
  :root {
    --topbar-height: 74px;
  }
}