@import "tailwindcss";

@theme {
  /* Brand — Navy (from logo) */
  --color-navy-50:  #EEF2F9;
  --color-navy-100: #D4DFF0;
  --color-navy-200: #A9BFE1;
  --color-navy-300: #7E9FD2;
  --color-navy-400: #537FC3;
  --color-navy-500: #2E5FA3;
  --color-navy-600: #244C83;
  --color-navy-700: #1B3864;
  --color-navy-800: #122348;
  --color-navy-900: #090F2B;

  /* Brand — Gold (accent / CTA) */
  --color-gold-50:  #FFFBEB;
  --color-gold-100: #FEF3C7;
  --color-gold-200: #FDE68A;
  --color-gold-300: #FCD34D;
  --color-gold-400: #FBBF24;
  --color-gold-500: #E8A020;
  --color-gold-600: #C07C15;
  --color-gold-700: #92580D;
  --color-gold-800: #6B3E09;
  --color-gold-900: #422505;

  /* Neutrals */
  --color-neutral-50:  #F9FAFB;
  --color-neutral-100: #F3F4F6;
  --color-neutral-200: #E5E7EB;
  --color-neutral-300: #D1D5DB;
  --color-neutral-400: #9CA3AF;
  --color-neutral-500: #6B7280;
  --color-neutral-600: #4B5563;
  --color-neutral-700: #374151;
  --color-neutral-800: #1F2937;
  --color-neutral-900: #111827;

  --font-sans: var(--font-geist-sans), ui-sans-serif, system-ui, sans-serif;
  --font-mono: var(--font-geist-mono), ui-monospace, monospace;

  --radius-sm:   0.25rem;
  --radius-md:   0.5rem;
  --radius-lg:   0.75rem;
  --radius-xl:   1rem;
  --radius-2xl:  1.5rem;
  --radius-full: 9999px;
}

:root {
  --background: #ffffff;
  --foreground: #111827;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  background: var(--background);
  color: var(--foreground);
  font-family: var(--font-sans);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: #c1c1c1; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #a1a1a1; }

/* Focus ring */
:focus-visible {
  outline: 2px solid var(--color-navy-600);
  outline-offset: 2px;
}

/* Line clamp utilities */
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}