/* Theme: Ocean — Blue / Light */
/* Fonts: Outfit + Playfair Display */

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,400&display=swap');

:root {
  --font-sans: 'Outfit', sans-serif;
  --font-serif: 'Playfair Display', serif;

  --bg: #F0F6FA;
  --surface: #FFFFFF;
  --surface-alt: #E4EEF5;
  --border: #C8DAE8;
  --border-light: #D8E6F0;
  --text: #0D2137;
  --text-secondary: #4A6A85;
  --text-muted: #7A98AE;
  --accent: #0066CC;
  --accent-light: #E0F0FF;
  --accent-dark: #004C99;
  --highlight: #E8963A;
  --highlight-light: #FFF4E5;
  --negative: #D32F2F;
  --negative-light: #FFEBEE;

  --header-bg: rgba(255, 255, 255, 0.92);
  --radius: 10px;
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.04), 0 1px 2px rgba(0,0,0,0.06);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.06), 0 1px 3px rgba(0,0,0,0.04);
  --shadow-lg: 0 12px 40px rgba(0,0,0,0.08), 0 4px 12px rgba(0,0,0,0.04);
}