/*
Theme Name: BI Apply Premium Architecture
Theme URI: https://www.biapply.com/
Author: BI Apply Engineering Team
Author URI: https://www.biapply.com/
Description: Custom, high-performance, conversion-focused theme for BI Apply International Education.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 8.0
Text Domain: bi-apply
*/

/* ==========================================================================
   DESIGN TOKENS & CSS VARIABLES
   ========================================================================== */
:root {
  /* Brand Colors */
  --bi-primary-900: #0A192F;
  --bi-primary-800: #0F2546;
  --bi-primary-700: #173763;
  --bi-primary-600: #1E40AF;
  --bi-primary-500: #2563EB;
  --bi-primary-100: #DBEAFE;
  --bi-primary-50:  #EFF6FF;

  /* Accent Colors */
  --bi-accent-500:  #FF6B00;
  --bi-accent-600:  #E05D00;
  --bi-accent-100:  #FFEDD5;

  /* Neutral Colors */
  --bi-neutral-900: #0F172A;
  --bi-neutral-800: #1E293B;
  --bi-neutral-700: #334155;
  --bi-neutral-600: #475569;
  --bi-neutral-500: #64748B;
  --bi-neutral-300: #CBD5E1;
  --bi-neutral-200: #E2E8F0;
  --bi-neutral-100: #F8FAFC;
  --bi-neutral-0:   #FFFFFF;

  /* Typography */
  --bi-font-heading: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --bi-font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Elevation & Shadows */
  --bi-shadow-sm: 0 1px 2px 0 rgba(15, 23, 42, 0.05);
  --bi-shadow-md: 0 4px 6px -1px rgba(15, 23, 42, 0.08), 0 2px 4px -2px rgba(15, 23, 42, 0.04);
  --bi-shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, 0.1), 0 4px 6px -4px rgba(15, 23, 42, 0.05);
  --bi-shadow-xl: 0 20px 25px -5px rgba(15, 23, 42, 0.1), 0 8px 10px -6px rgba(15, 23, 42, 0.04);

  /* Layout & Spacing */
  --bi-radius-sm: 6px;
  --bi-radius-md: 10px;
  --bi-radius-lg: 16px;
  --bi-radius-xl: 24px;
  --bi-container-max: 1280px;
  --bi-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Base Reset & Core Typography Settings */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  font-family: var(--bi-font-body);
  font-size: 16px;
  line-height: 1.6;
  color: var(--bi-neutral-800);
  background-color: var(--bi-neutral-0);
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}

body {
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--bi-font-heading);
  color: var(--bi-neutral-900);
  font-weight: 700;
  line-height: 1.25;
}

a {
  color: var(--bi-primary-600);
  text-decoration: none;
  transition: var(--bi-transition);
}

a:hover {
  color: var(--bi-primary-800);
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

.bi-container {
  width: 100%;
  max-width: var(--bi-container-max);
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}