/* ===== 1. FONT IMPORT & GLOBAL STYLES ===== */
@import url('https://fonts.googleapis.com/css2?family=Prompt:wght@400;700&display=swap');

/* Override Bootstrap CSS Variables for Custom Dark/Navy Theme */
[data-bs-theme="dark"] {
  --bs-body-color: #E6F1FF; /* Soft white text */
  --bs-body-bg: #0A192F; /* Very dark navy blue background */
  --bs-body-color-rgb: 230, 241, 255;
  --bs-body-bg-rgb: 10, 25, 47;

  --bs-primary-rgb: 100, 255, 218; /* Accent color RGB (Cyan) */
  --bs-primary: #64FFDA; /* Accent color (Cyan) */
  --bs-primary-text-emphasis: #64FFDA;
  --bs-primary-bg-subtle: rgba(100, 255, 218, 0.1);
  --bs-primary-border-subtle: rgba(100, 255, 218, 0.2);

  --bs-tertiary-bg: #112240; /* Component background (cards, etc.) */
  --bs-border-color: rgba(100, 255, 218, 0.1);
  --bs-secondary-color: rgba(230, 241, 255, 0.75); /* Lighter text for secondary elements */
}

body {
    font-family: 'Prompt', sans-serif;
}

/* ===== 2. CUSTOM COMPONENT STYLES ===== */

/* Hero Section Style */
.hero-section {
    background-color: var(--bs-tertiary-bg);
}

/* Custom Button Style for Call-to-Action */
.btn-custom {
    background-color: #0d3b66; /* Dark Blue */
    color: #ffffff; /* White Text */
    border: 2px solid #0d3b66;
    padding: 0.75rem 2rem; /* Large padding for a substantial feel */
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 0.5rem; /* Equivalent to Bootstrap's rounded-lg */
    transition: all 0.3s ease-in-out;
}

.btn-custom:hover,
.btn-custom:focus {
    background-color: #1a5a96; /* Lighter blue on hover */
    color: #ffffff;
    border-color: #1a5a96;
    transform: translateY(-3px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}