:root {
  --color-primary: #d7902b;
  --color-primary-dark: #b56c07;
  --color-primary-light: #f4dfbf;
  --color-secondary: #111111;
  --color-secondary-dark: #000000;
  --color-secondary-light: #e5e5e5;
  --color-text: #101a22;
  --color-text-muted: #5f6973;
  --color-bg: #f4f1ea;
  --color-bg-soft: #fbfaf7;
  --color-bg-warm: #ede4d2;
  --color-bg-accent: #ece8e1;
  --color-bg-dark: #0b0b0b;
  --color-surface: #ffffff;
  --color-surface-muted: rgba(255, 255, 255, 0.74);
  --color-border: rgba(16, 26, 34, 0.1);
  --color-border-strong: rgba(16, 26, 34, 0.18);
  --color-success: #1f8f5a;
  --color-danger: #b64632;

  --font-heading: "Plus Jakarta Sans", sans-serif;
  --font-body: "DM Sans", sans-serif;

  --section-py: clamp(4.5rem, 6vw, 7rem);
  --container-max: 1240px;
  --container-px: clamp(1.25rem, 4vw, 3rem);

  --radius-xs: 10px;
  --radius-sm: 14px;
  --radius-md: 20px;
  --radius-lg: 28px;
  --radius-xl: 40px;
  --radius-section: 36px;
  --radius-full: 999px;

  --shadow-soft: 0 12px 30px rgba(0, 0, 0, 0.08);
  --shadow-md: 0 24px 50px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 36px 80px rgba(0, 0, 0, 0.16);
  --shadow-deep: 0 40px 100px rgba(0, 0, 0, 0.35);

  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);
  --transition-smooth: 0.6s var(--ease-out-expo);
  --transition-fast: 0.3s var(--ease-out-quart);

  --nav-height: 86px;
  --nav-height-mobile: 72px;
}