/* ==========================================================================
   OrgGuard Marketing Site — Design Tokens
   ========================================================================== */

/* Self-hosted Inter variable font (Inter v20, SIL OFL 1.1).
   Single woff2 covers the full wght axis 400–800.
   Absolute path — requires the site to be served from the domain root. */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url('/assets/fonts/inter/inter-variable.woff2') format('woff2');
}

:root {
  /* Brand colors (green, derived from OrgGuard logo) */
  --brand-50: #f0faf3;
  --brand-100: #d6f1de;
  --brand-200: #a8e0b8;
  --brand-300: #6ec988;
  --brand-400: #4bb06c;
  --brand-500: #3a9e5c;
  --brand-600: #2d7a47;
  --brand-700: #225e37;
  --brand-800: #1a4329;
  --brand-900: #0f2918;

  /* Neutral grays */
  --gray-50: #f9fafb;
  --gray-100: #f3f4f6;
  --gray-200: #e5e7eb;
  --gray-300: #d1d5db;
  --gray-400: #9ca3af;
  --gray-500: #6b7280;
  --gray-600: #4b5563;
  --gray-700: #374151;
  --gray-800: #1f2937;
  --gray-900: #111827;

  /* Semantic colors */
  --red-50: #fef2f2;
  --red-100: #fee2e2;
  --red-500: #ef4444;
  --red-600: #dc2626;
  --red-900: #7f1d1d;

  --success-50: #f0fdf4;
  --success-100: #dcfce7;
  --success-600: #16a34a;
  --success-900: #14532d;

  --amber-50: #fffbeb;
  --amber-100: #fef3c7;
  --amber-500: #f59e0b;
  --amber-700: #b45309;

  /* Typography */
  --font-sans:
    "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* Spacing */
  --section-padding-y: 6rem;
  --section-padding-x: 1.5rem;
  --container-max: 72rem; /* 1152px */
  --container-narrow: 56rem; /* 896px */

  /* Transitions */
  --transition-fast: 150ms ease;
  --transition-normal: 200ms ease;
}