@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&family=Pacifico&display=swap");

:root {
  --green-primary: #0f5c2e;
  --green-secondary: #16a34a;
  --green-dark: #0b4524;
  --green-deep: #08351d;
  --green-soft: #dcfce7;
  --gold: #d4af37;
  --gold-bright: #eab308;
  --gold-soft: #fef9c3;
  --yellow: #eab308;
  --blue: #1d4ed8;
  --blue-soft: #1d6fa4;
  --blue-deep: #0f172a;
  --black: #111111;
  --gray-900: #1b1b1b;
  --gray-700: #4b5563;
  --gray-500: #6b7280;
  --gray-200: #e5e7eb;
  --off-white: #f8f8f6;
  --white: #ffffff;
  --danger: #b91c1c;
  --success: #15803d;

  --font-heading: "Oswald", sans-serif;
  --font-script: "Pacifico", cursive;
  --font-body: "Inter", sans-serif;

  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-2xl: 20px;

  --shadow-sm: 0 2px 12px rgba(15, 92, 46, 0.08);
  --shadow-md: 0 8px 28px rgba(17, 17, 17, 0.1);
  --shadow-lg: 0 18px 55px rgba(17, 17, 17, 0.16);
  --shadow-green: 0 14px 40px rgba(15, 92, 46, 0.24);
  --shadow-gold: 0 14px 40px rgba(212, 175, 55, 0.25);

  --container: 1280px;
  --container-wide: 1400px;
  --header-height: 80px;
  --section-y: clamp(4.5rem, 8vw, 7rem);

  --gradient-brand: linear-gradient(135deg, var(--green-primary), var(--green-secondary));
  --gradient-green-gold: linear-gradient(90deg, var(--green-primary), var(--gold));
  --gradient-gold-green: linear-gradient(90deg, var(--gold), var(--green-primary));
  --gradient-name: linear-gradient(135deg, #0f5c2e 0%, #1d6fa4 60%, #1e3a8a 100%);
  --grid-texture-green:
    repeating-linear-gradient(0deg, transparent, transparent 40px, rgba(15, 92, 46, 0.9) 40px, rgba(15, 92, 46, 0.9) 41px),
    repeating-linear-gradient(90deg, transparent, transparent 40px, rgba(15, 92, 46, 0.9) 40px, rgba(15, 92, 46, 0.9) 41px);
  --grid-texture-white:
    repeating-linear-gradient(0deg, transparent, transparent 40px, rgba(255, 255, 255, 0.9) 40px, rgba(255, 255, 255, 0.9) 41px),
    repeating-linear-gradient(90deg, transparent, transparent 40px, rgba(255, 255, 255, 0.9) 40px, rgba(255, 255, 255, 0.9) 41px);
  --diagonal-texture: repeating-linear-gradient(-45deg, transparent, transparent 20px, rgba(255, 255, 255, 0.4) 20px, rgba(255, 255, 255, 0.4) 40px);
}