/*
Theme Name: OOUTH
Theme URI: https://oouth.com
Author: OOUTH Web Team
Description: Official theme for Olabisi Onabanjo University Teaching Hospital, Sagamu.
Version: 2.0.0
Text Domain: oouth
*/

:root {
  --blue:        #0092E2;
  --blue-mid:    #007DC4;
  --blue-dark:   #005FA0;
  --blue-deeper: #004880;
  --blue-pale:   #E0F4FF;
  --blue-tint:   #F0F8FF;
  --gold:        #D4AF37;
  --gold-light:  #EDD96A;
  --gold-dark:   #9C7E1A;
  --gold-pale:   #FBF5DC;
  --ink:         #0D1B2A;
  --slate:       #2E3F52;
  --muted:       #637080;
  --border:      #CCE8F8;
  --surface:     #FFFFFF;
  --bg:          #F0F8FF;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body { font-family: 'DM Sans', sans-serif; background: var(--bg); color: var(--slate); line-height: 1.6; overflow-x: hidden; }
img { display: block; max-width: 100%; height: auto; }
a { text-decoration: none; }
h1,h2,h3,h4 { font-family: 'Playfair Display', serif; line-height: 1.2; color: var(--ink); }

.oouth-container { max-width: 1240px; margin: 0 auto; padding: 0 48px; }

.oouth-eyebrow { font-family: 'DM Mono', monospace; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--gold-dark); display: block; margin-bottom: 12px; }
.oouth-eyebrow-light { color: rgba(212,175,55,.85) !important; }
.oouth-gold-bar { width: 44px; height: 3px; background: var(--gold); margin-bottom: 20px; border: none; display: block; }

.btn-gold { display: inline-block; background: var(--gold); color: #fff; font-family: 'DM Sans', sans-serif; font-size: 14px; font-weight: 600; padding: 13px 30px; border-radius: 8px; border: none; cursor: pointer; transition: opacity .2s, transform .15s; }
.btn-gold:hover { opacity: .88; transform: translateY(-1px); color: #fff; }

.btn-outline-white { display: inline-block; background: transparent; color: #fff; font-family: 'DM Sans', sans-serif; font-size: 14px; font-weight: 500; padding: 12px 30px; border-radius: 8px; border: 1.5px solid rgba(255,255,255,.5); cursor: pointer; transition: border-color .2s, background .2s; }
.btn-outline-white:hover { border-color: #fff; background: rgba(255,255,255,.1); color: #fff; }

.btn-outline-ink { display: inline-block; background: transparent; color: var(--ink); font-family: 'DM Sans', sans-serif; font-size: 14px; font-weight: 500; padding: 11px 26px; border-radius: 8px; border: 1.5px solid var(--border); cursor: pointer; transition: border-color .2s; }
.btn-outline-ink:hover { border-color: var(--blue); color: var(--blue); }

.btn-blue { display: inline-block; background: var(--blue-dark); color: #fff; font-family: 'DM Sans', sans-serif; font-size: 14px; font-weight: 500; padding: 12px 26px; border-radius: 8px; border: none; cursor: pointer; transition: background .2s; }
.btn-blue:hover { background: var(--blue-deeper); color: #fff; }

.oouth-reveal { opacity: 0; transform: translateY(24px); transition: opacity .6s ease, transform .6s ease; }
.oouth-reveal.visible { opacity: 1; transform: translateY(0); }

.oouth-skel { background: linear-gradient(90deg, var(--blue-pale) 25%, var(--border) 50%, var(--blue-pale) 75%); background-size: 200% 100%; animation: skelAnim 1.4s infinite; border-radius: 8px; }
@keyframes skelAnim { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }

.post-tag { display: inline-block; font-family: 'DM Mono', monospace; font-size: 10px; letter-spacing: .1em; text-transform: uppercase; padding: 3px 12px; border-radius: 20px; background: var(--blue-pale); color: var(--blue-dark); margin-bottom: 10px; }