@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  --background: #ffffff;
  --foreground: #10213f;
  --primary: #1769ff;
  --primary-deep: #0b4bd3;
  --primary-soft: #eaf2ff;
  --ev: #16a34a;
  --ev-deep: #0f7a36;
  --ev-soft: #e9f8ef;
  --border-soft: #dbe5f4;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background: var(--background);
  color: var(--foreground);
  font-family: Arial, Helvetica, sans-serif;
}

a {
  color: inherit;
  text-decoration: none;
}

@layer utilities {
  .section-padding {
    @apply py-14 md:py-20;
  }

  .container-custom {
    @apply mx-auto w-full max-w-[1400px] px-4 sm:px-6 lg:px-8;
  }

  .soft-card {
    @apply rounded-card border border-border bg-white shadow-card;
  }

  .green-gradient {
    background: linear-gradient(135deg, #e9f8ef 0%, #ffffff 52%, #d9f7e4 100%);
  }

  .blue-gradient {
    background: linear-gradient(135deg, #eaf2ff 0%, #ffffff 55%, #dce9ff 100%);
  }
}