:root{
  --moe-primary:#006C35; /* Saudi green */
  --moe-primary-600:#0b7f46;
  --moe-primary-700:#0a5d30;
  --moe-accent:#19b37a;
  --moe-hero-bg:#eff7f2; /* soft mint */
  --moe-card-shadow:0 12px 24px rgba(0,0,0,.08);
  --moe-ring-shadow:0 6px 14px rgba(0,0,0,.12);
}

/* Navbar: green gradient + shadow */
.navbar.moe-navbar{
  background: linear-gradient(90deg, var(--moe-primary-700), var(--moe-primary));
  box-shadow: 0 2px 14px rgba(0,0,0,.08);
}

/* Hero section */
.hero{padding:4rem 0 2rem}
.hero-soft{background:var(--moe-hero-bg)}
.hero .hero-title{color:var(--moe-primary-700); font-weight:800; letter-spacing:.3px}
.hero .hero-sub{color:#567; max-width:56ch; margin-inline:auto}

/* Section heading */
.section-heading{color:var(--moe-primary-700); font-weight:800}

/* Elevated cards */
.card-elevated{border:0; border-radius:22px; box-shadow:var(--moe-card-shadow)}
.icon-circle{width:64px;height:64px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--moe-primary);color:#fff;box-shadow:var(--moe-ring-shadow)}

/* Gradient primary button */
.btn-primary{background:linear-gradient(90deg,var(--moe-primary-700),var(--moe-primary));border:0}
.btn-primary:hover{filter:brightness(1.03)}

/* Links accent */
a{color:var(--moe-primary)}
a:hover{color:var(--moe-primary-700)}

/* Table header */
.table thead th{background:#f4f8f6}

/* Keep existing baseline sizes/focus using new color */
html{font-size:14px}
@media (min-width:768px){html{font-size:16px}}
.btn:focus,.btn:active:focus,.btn-link.nav-link:focus,.form-control:focus,.form-check-input:focus{box-shadow:0 0 0 .1rem white,0 0 0 .25rem var(--moe-primary)}
html{position:relative;min-height:100%}
body{margin-bottom:60px}
.form-floating>.form-control-plaintext::placeholder,.form-floating>.form-control::placeholder{color:var(--bs-secondary-color);text-align:end}
.form-floating>.form-control-plaintext:focus::placeholder,.form-floating>.form-control:focus::placeholder{text-align:start}

/* Light surface for page content */
.content-surface{background:#fff;border-radius:16px;box-shadow:0 6px 18px rgba(0,0,0,.06)}
@media (min-width:768px){.content-surface{padding:1.25rem 1.5rem}}

/* Consistent action buttons */
.table .btn{display:inline-flex;align-items:center;gap:.35rem}
.btn .bi{font-size:1rem}
.list-icon{width:1.15rem;height:1.15rem;display:inline-flex;align-items:center;justify-content:center}
/* Dashboard tiles */
.dashboard-card{border:0;border-radius:20px;box-shadow:var(--moe-card-shadow);}
.dashboard-card .metric-number{font-weight:800;font-size:2.25rem;color:var(--moe-primary-700)}
.dashboard-card .metric-label{color:#6c7a74}
.dashboard-card .icon-circle{width:56px;height:56px}