/* ============================================================
   DESIGN TOKENS — TCC com Roberta
   Fonte da verdade: DESIGN.md
   ============================================================ */

:root {
  /* === CORES === */
  --color-primary: #1B2A4A;
  --color-primary-light: #2C4A7C;
  --color-accent: #C9956B;
  --color-accent-hover: #B8835A;
  --color-accent-light: #E8D5C4;
  --color-bg: #F8F6F3;
  --color-card: #FFFFFF;
  --color-text-primary: #1A1A2E;
  --color-text-secondary: #4A4A5A;
  --color-text-muted: #8A8A9A;
  --color-success: #25D366;
  --color-border: #E8E6E1;

  /* === TIPOGRAFIA === */
  --font-heading: 'Playfair Display', Georgia, serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* === ESPACAMENTOS === */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --space-3xl: 80px;
  --space-4xl: 120px;

  /* === CONTAINER === */
  --container-max: 1120px;
  --container-narrow: 800px;
  --padding-section-x: 160px;
  --padding-section-y: 80px;

  /* === BORDAS === */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-full: 50px;

  /* === SOMBRAS === */
  --shadow-card: 0 4px 20px rgba(0, 0, 0, 0.06);
  --shadow-card-hover: 0 8px 30px rgba(0, 0, 0, 0.12);
  --shadow-nav: 0 2px 10px rgba(0, 0, 0, 0.08);
  --shadow-whatsapp: 0 4px 15px rgba(37, 211, 102, 0.3);

  /* === TRANSIÇÕES === */
  --transition-default: 0.3s ease;
  --transition-smooth: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}