/* ============================================
   Design Tokens — Cartório Bragança Paulista
   ============================================ */

:root {
  /* Colors — Primary */
  --color-primary: #B8860B;
  --color-primary-dark: #8B6914;
  --color-primary-light: #D4A843;

  /* Colors — Warm neutrals */
  --color-warm-50: #FDF8F0;
  --color-warm-100: #F5EDDE;
  --color-warm-200: #E8DCC8;
  --color-warm-300: #D4C5A9;

  /* Colors — Neutral text */
  --color-neutral-800: #2C2417;
  --color-neutral-700: #4A3F2F;
  --color-neutral-600: #6B5D4A;

  /* Colors — Surfaces */
  --color-white: #FFFFFF;
  --color-dark-bg: #2C2417;

  /* Colors — Feedback */
  --color-success: #5A7A3A;
  --color-error: #A63D2F;

  /* Typography — Font families */
  --font-heading: 'Cormorant Garamond', Georgia, serif;
  --font-body: 'Source Sans 3', 'Source Sans Pro', system-ui, sans-serif;

  /* Typography — Sizes */
  --text-xs: 0.8125rem;    /* 13px */
  --text-sm: 0.875rem;     /* 14px */
  --text-nav: 0.9375rem;   /* 15px */
  --text-base: 1.0625rem;  /* 17px */
  --text-lg: 1.25rem;      /* 20px */
  --text-xl: 1.625rem;     /* 26px */
  --text-2xl: 2.25rem;     /* 36px */
  --text-3xl: 3rem;        /* 48px */

  /* Typography — Line heights */
  --leading-tight: 1.2;
  --leading-normal: 1.5;
  --leading-relaxed: 1.7;

  /* Spacing — Base-4 scale */
  --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: 96px;
  --space-11: 128px;

  /* Layout */
  --container-max: 1200px;
  --container-padding: var(--space-5);

  /* Borders */
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 8px;

  /* Shadows */
  --shadow-subtle: 0 1px 3px rgba(44, 36, 23, 0.06);
  --shadow-md: 0 4px 12px rgba(44, 36, 23, 0.08);

  /* Transitions */
  --transition-fast: 150ms ease;
  --transition-base: 250ms ease;
  --transition-slow: 400ms ease;
}