/* Thomani Consulting — design tokens */

:root {
  --brand: #C1440E;
  --brand-dark: #5C1131;
  --brand-mid: #E2711D;
  --brand-light: #F39C12;
  --brand-glow: #F7C948;
  --slate: #4A403A;
  --ink: #1A1410;
  --muted: #6B5E54;
  --line: #F0E2D2;
  --surface: #FFF8F0;
  --white: #ffffff;

  --grad-hero: linear-gradient(128deg, #5C1131 0%, #C1440E 45%, #E2711D 78%, #F39C12 100%);
  --grad-accent: linear-gradient(90deg, var(--brand-light), var(--brand-glow));
  --grad-card: linear-gradient(145deg, rgba(193, 68, 14, 0.08), rgba(243, 156, 18, 0.06));

  --font-display: 'Syne', sans-serif;
  --font-body: 'DM Sans', sans-serif;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --radius: 16px;
  --radius-sm: 10px;
  --nav-h: 76px;
  --wrap: min(1280px, calc(100% - 48px));
  --shadow: 0 20px 50px rgba(92, 17, 49, 0.12);
  --shadow-lg: 0 32px 80px rgba(92, 17, 49, 0.18);
}

@media (max-width: 768px) {
  :root {
    --wrap: min(1280px, calc(100% - 32px));
    --nav-h: 68px;
  }
}

@media (max-width: 480px) {
  :root {
    --wrap: min(1280px, calc(100% - 24px));
  }
}