:root {
  --font-heading: "Space Grotesk", "Segoe UI", sans-serif;
  --font-body: "Plus Jakarta Sans", "Segoe UI", sans-serif;

  --bg-base: #fdf7f2;
  --bg-layer: #ffffff;
  --bg-soft: #fff3e8;
  --bg-dark: #1a0d00;
  --text-main: #1a0e00;
  --text-muted: #7a5a3a;
  --text-light: #b8956a;
  --line-soft: #fde0c4;
  --line-strong: #f9c89a;

  /* ── Brand palette (NDA: orange + green) ── */
  --brand-blue: #F47920;       /* primary orange  */
  --brand-teal: #1E9B2A;       /* NDA green       */
  --brand-violet: #E05500;     /* deep orange     */
  --brand-red: #e3415f;
  --brand-success: #1E9B2A;
  --brand-warning: #F47920;

  /* ── Gradients ── */
  --gradient-main: linear-gradient(135deg, #F47920 0%, #E05500 50%, #1E9B2A 100%);
  --gradient-hero:
    radial-gradient(120% 140% at 10% 10%, rgba(244,121,32,0.45), transparent 45%),
    radial-gradient(120% 120% at 90% 10%, rgba(30,155,42,0.35), transparent 55%),
    linear-gradient(145deg, #1a0d00, #7a2800 58%, #1a3300);
  --gradient-accent: linear-gradient(135deg, rgba(244,121,32,0.14), rgba(30,155,42,0.10));

  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-pill: 999px;

  --shadow-sm: 0 10px 30px rgba(120, 50, 0, 0.08);
  --shadow-md: 0 18px 48px rgba(120, 50, 0, 0.14);
  --shadow-lg: 0 30px 90px rgba(120, 50, 0, 0.20);

  --space-1: 0.375rem;
  --space-2: 0.625rem;
  --space-3: 0.875rem;
  --space-4: 1.125rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 2.75rem;
  --space-8: 3.5rem;
  --space-9: 4.5rem;

  --container: min(1160px, calc(100% - 2rem));
  --content-container: min(1380px, calc(100% - 2rem));
}