:root {
  --primary-color: #000957;
  --secondary-color: #F39C12;
  --accent-color: #344CB7;
  --light-color: #ECF0F1;
  --dark-color: #0F1021;
  --gradient-primary: linear-gradient(180deg, #000957 0%, #0F0766 100%);
  --hover-color: #e67e22;
  --background-color: #FFFFFF;
  --text-color: #34495D;
  --border-color: rgba(0, 9, 87, 0.15);
  --divider-color: rgba(243, 156, 18, 0.2);
  --shadow-color: rgba(0, 9, 87, 0.1);
  --highlight-color: #FFEB00;
  --main-font: 'Poppins', sans-serif;
  --alt-font: 'Roboto Condensed', sans-serif;
}

body {
    font-family: var(--main-font);
    color: var(--text-color);
    background-color: var(--background-color);
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

h1, h2, h3, h4, .font-heading {
    font-family: var(--alt-font);
}

.btn-premium {
    background-color: var(--secondary-color);
    color: #fff;
    border-radius: 4px;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
}

.btn-premium:hover {
    background-color: var(--hover-color);
    box-shadow: 0 4px 12px var(--divider-color);
}

.section-box {
    border: 1px solid var(--border-color);
    background: #fff;
}

.icon-box {
    background-color: var(--light-color);
    color: var(--primary-color);
}

/* Background Pattern: Subtle Hexagons */
.bg-hex {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    opacity: 0.03;
    pointer-events: none;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='40' viewBox='0 0 24 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 40c5.523 0 10-4.477 10-10V30h4v-2h-4v-8h4v-2h-4V8h4V6h-4V0H0v40zm24 0V0h-4v40h4z' fill='%23000957' fill-opacity='1' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.content-layer {
    position: relative;
    z-index: 10;
}