/* Ulum Residencial — Design Tokens */
:root {
  /* Brand colors */
  --c-brand: #91b748;
  --c-brand-teal: #1c6d7f;
  --c-brand-teal-light: #7bbaba;
  --c-brand-teal-soft: #82c0c7;
  --c-brand-beige: #f0e5d3;

  /* Neutrals */
  --c-black: #000000;
  --c-white: #ffffff;
  --c-dark: #2d3940;
  --c-dark-2: #3e3e3e;
  --c-dark-3: #333333;
  --c-gray-1: #f3f3f3;
  --c-gray-2: #e2e2e2;
  --c-gray-3: #999999;
  --c-gray-4: #666666;
  --c-gray-5: #4e4e4e;
  --c-gray-border: #ddd;

  /* Semantic */
  --c-text: #333333;
  --c-text-light: #666666;
  --c-text-muted: #999999;
  --c-border: #e2e2e2;
  --c-bg: #ffffff;
  --c-accent: #91b748;

  /* Typography */
  --font-body: 'Open Sans', Arial, sans-serif;

  /* Font sizes */
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 16px;
  --text-lg: 18px;
  --text-xl: 22px;
  --text-2xl: 26px;
  --text-3xl: 30px;

  /* Font weights */
  --weight-light: 300;
  --weight-normal: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --weight-extrabold: 800;

  /* Spacing (4px base) */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-10: 40px;
  --sp-12: 48px;
  --sp-16: 64px;
  --sp-20: 80px;
  --sp-24: 96px;

  /* Border radius */
  --radius-sm: 4px;
  --radius: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-pill: 30px;

  /* Transitions */
  --transition-fast: 0.2s ease;
  --transition-base: 0.3s ease;
  --transition-slow: 0.5s ease;
}