/*
Theme Name: OMS Academy
Theme URI: globaloms.com
Author: GlobalOMS
Description: Modern Custom Theme  
Version: 1.0
*/

:root {
  /* Blue shades */
  --blue-darkest: #001223;
  --blue-darker: #00203d;
  --blue-dark: #003c71;
  --blue: #0070d3;
  --blue-light: #e7f4ff;
  --blue-background-light: #eaecf0;

  /* Yellow shades */
  --yellow-dark: #d4aa00;
  --yellow: #fed42b;

  /* Neutral tones */
  --off-white: #fff8db;
  --gray-darkest: #212121;
  --gray-dark: #3d3d3d;
  --gray-light: #d2d2d2;

  /* Utility colors (optional naming for clarity) */
  --text-primary: #212121;
  --text-secondary: #3d3d3d;
  --bg-yellow-light: #fff8db;
  --bg-light: #ffffff;
  --bg-dark: #001223;
}

:root {
  --font-body: "Montserrat", sans-serif;
  --font-heading: "Inter", sans-serif;
  --text-color: #111;
  --accent-color: #007bff;
}

body {
  font-family: var(--font-body);
  color: var(--text-color);
}

h1,
h2,
h3,
h4,
h5,
h6,
.display-1,
.display-2,
.display-3,
.display-4,
.display-5,
.display-6 {
  font-family: var(--font-heading);
}

.container {
  width: 85%;
}

body {
  background: rgb(255, 255, 255) !important;
  padding-top: 0; /* adjust based on header height */
}



 /* ===== Unified Button System ===== */
:root{
  /* sizing */
  --btn-padding: .65rem 1.6rem;
  --btn-font-weight: 600;
  --btn-radius-pill: 999px;
  --btn-radius-rect: 12px;

  /* primary (filled) */
  --btn-primary-bg: #003c71;
  --btn-primary-bg-hover: #00203d;
  --btn-primary-text: #ffffff;

  /* outline */
  --btn-outline-bg: #ffffff;
  --btn-outline-hover: #f3f4f6;
  --btn-outline-text: #333333;
  --btn-outline-border: #d1d5db;

  /* CTA pill */
  --btn-cta-start: #fed42b;
  --btn-cta-end: #d4aa00;
  --btn-cta-text: #111;
}

/* Base button */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:.5rem;
  padding:var(--btn-padding);
  font-weight:var(--btn-font-weight);
  line-height:1.2; text-decoration:none; white-space:nowrap;
  border:1px solid transparent;
  transition: background .4s ease, background-position .4s ease, color .3s ease, border-color .3s ease, box-shadow .3s ease, transform .15s ease;
}

/* Shapes */
.btn--pill{ border-radius: var(--btn-radius-pill); }
.btn--rect{ border-radius: var(--btn-radius-rect); }

/* Primary filled */
.btn--primary{
  background: var(--btn-primary-bg);
  color: var(--btn-primary-text);
  border-color: var(--btn-primary-bg);
}
.btn--primary:hover{
  background: var(--btn-primary-bg-hover);
  border-color: var(--btn-primary-bg-hover);
  color: var(--btn-primary-text);
}

/* Outline */
.btn--outline{
  background: var(--btn-outline-bg);
  color: var(--btn-outline-text);
  border-color: var(--btn-outline-border);
}
.btn--outline:hover{
  background: var(--btn-outline-hover);
  border-color: var(--btn-primary-bg);
}

/* CTA pill */
.btn--cta{
  background: linear-gradient(90deg, var(--yellow-dark), var(--yellow));
  color: var(--btn-cta-text);
  border-radius: var(--btn-radius-pill);
  border: 1px solid transparent;
  background-size: 200% 100%;
  background-position: 0% 50%;
  box-shadow: 0 8px 18px rgba(0,0,0,.16);
}
.btn--cta:hover{
  background-position: 100% 50%;
  box-shadow: 0 10px 24px rgba(0,0,0,.2);
}

/* Icon slot */
.btn .btn-icon{ display:inline-flex; line-height:0; }
.btn .btn-icon > *{ width:1.1rem; height:1.1rem; }

/* States */
.btn:focus-visible{ outline:3px solid color-mix(in srgb, var(--btn-primary-bg-hover) 60%, white); outline-offset:2px; }
.btn:active{ transform:translateY(1px); }
.btn[disabled], .btn.disabled{ opacity:.6; pointer-events:none; }