:root {
  --color-brand: #f37021;
  --color-brand-light: #ffc832;
  --color-brand-mid: #f5a820;
  --color-brand-dark: #d65a10;
  --color-brand-soft: #fff4ec;
  --color-brand-rgb: 243, 112, 33;
  --color-gray: #757777;
  --color-gray-light: #e8e8e8;
  --color-peach: #ffe8cc;
  --color-cream: #fafafa;
  --color-navy: #3a3a3a;
  --color-navy-soft: #757777;
  --color-text: #454545;
  --color-text-muted: #757777;
  --color-bg: #ffffff;
  --color-bg-white: #ffffff;
  --color-bg-soft: #f5f5f5;
  --color-border: rgba(117, 119, 119, 0.14);

  --hero-wave-1: #ffc832;
  --hero-wave-2: #f5a820;
  --hero-wave-3: #f37021;

  --color-success: #2d8a5e;

  --font-primary: "Rubik", system-ui, -apple-system, sans-serif;
  --font-display: "Rubik", system-ui, sans-serif;

  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --radius-full: 9999px;

  --shadow-sm: 0 2px 8px rgba(58, 58, 58, 0.06);
  --shadow-md: 0 8px 32px rgba(58, 58, 58, 0.1);
  --shadow-lg: 0 16px 48px rgba(58, 58, 58, 0.14);
  --shadow-brand: 0 8px 28px rgba(var(--color-brand-rgb), 0.28);

  --header-height: 80px;
  --container-max: 1200px;
  --container-gutter: clamp(16px, 4vw, 32px);
  --section-padding: clamp(64px, 10vw, 120px);
  --gap: clamp(16px, 3vw, 32px);
  --fab-size: 56px;
  --fab-offset-x: 24px;
  --fab-offset-y: 24px;

  --transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --reveal-duration: 0.65s;
  --reveal-offset: 28px;
}