/******************************* 
GENERAL
********************************/
@import url('https://fonts.cdnfonts.com/css/cormorant-2');

:root {
    --main: #003087;
    --second: #2d62a3;
    --medium-blue: #102040;
    --accent: #ff6b35;
    
    --bg-light: #f8f9fc;
    --bg-dark: #0f1b2d;
    
    --gray-100: #f5f7fa;
    --gray-200: #eaeef6;
    --gray-300: #d0d7e2;
    --gray-400: #8f9cb3;
    --gray-500: #5d6b82;
    
    --white: #ffffff;
    --black: #191919;
    
    --success: #00a86b;
    --warning: #ffbe0b;
    --error: #e63946;
    --info: #4cc9f0;
}

html {
  scroll-behavior: smooth;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.fade-in {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

.fade-in.visible {
    opacity: 1;
    transform: translateY(0);
}