/* Mona Al Hajj: light surfaces and a single, familiar sans-serif typeface. */
:root {
  color-scheme: light;
  --bg: #f7f8f4;
  --panel: #ffffff;
  --panel2: #ebeee6;
  --text: #232a24;
  --muted: #626b61;
  --accent: #d7edb7;
  --lavender: #6e6185;
  --line: #2534201c;
  --sans: 'DM Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --serif: var(--sans);
}
html { scroll-behavior: smooth; scroll-padding-top: 105px; }
h1, h2, h3 { font-family: var(--sans); font-weight: 550; letter-spacing: -.045em; line-height: 1.18; }
h1 em, h2 em { font-style: normal; color: #64795a; }
h1, .hero h1 { font-size: clamp(40px, 4.9vw, 67px); line-height: 1.12; }
h2 { font-size: clamp(29px, 3.1vw, 42px); }
h3 { font-size: 23px; letter-spacing: -.03em; }
a:hover, .text-button:hover { color: #416235; }
.brand { font-size: 25px; font-weight: 650; letter-spacing: -.055em; white-space: nowrap; }
.brand-dot { background: #536b45; box-shadow: 0 0 0 5px #536b450d; }
.tiny-dot { background: #536b45; }
.site-header { background: #f7f8f4ed; }
.nav-links a.active { color: #416235; }
.button { background: #e9eee2; color: var(--text); }
.button:hover { background: #dfe7d5; }
.button.primary { background: #d7edb7; color: #25351d; border-color: #c8deaa; }
.button.primary:hover { background: #c7e39f; }
.button.outline { border-color: #25342030; }
.button.outline:hover, .icon-button:hover { background: #25342009; }
.hero { gap: 60px; }
.hero-art { background: #e9eee2; border-color: #b4c5a754; }
.orbit { border-color: #84987530; }
.sun { background: radial-gradient(circle at 35% 30%, #fafcf2, #cedbb8 65%, #9ab389); box-shadow: 0 0 70px #b1c69230; }
.horizon { background: #d4dfc9; border-color: #9fb18e; box-shadow: 0 -20px 90px #a9bc9220; }
.art-label { color: #536547; }
.art-label em { font: 500 18px/1.7 var(--sans); color: #43583a; }
.hero-star { color: #647e4a; }
.art-caption { color: #546649; }
.course-card { background: #fff; box-shadow: 0 3px 12px #34432904; }
.course-card:hover { border-color: #84987580; box-shadow: 0 12px 25px #3443290a; }
.course-art { background: #e3dcef; color: #847193; }
.course-art.sage, .mini-art.sage { background: #dee9c9; }
.course-art.blue, .mini-art.blue { background: #d2e5e6; }
.course-art.peach, .mini-art.peach { background: #f1dece; }
.course-card h3 { font-size: 26px; }
.course-card p { font-size: 13px; }
.card-meta, .course-bottom { color: #626b61; }
.round-arrow { border-color: #25342025; }
.watch-section { background: #eeedf2; }
.quiet-card { background: #ffffff88; border-color: #70618322; }
.quiet-card h3 { font-size: 24px; }
.quiet-icon { background: #e4ddee; color: #6e6185; }
.video-thumb { background: #dfd8e8; }
.video-art { border-color: #84719366; box-shadow: 0 0 0 35px #84719314, 0 0 0 70px #84719309; }
.duration { color: #fff; }
.video-card h3 { font-size: 22px; }
.play { background: #edf4e2; }
.chip { border-color: #25342028; }
.chip.selected { color: #25351d; border-color: #c8deaa; }
label { color: #46513f; }
input, textarea, select { background: #fafbf8; border-color: #25342028; color: var(--text); }
input::placeholder, textarea::placeholder { color: #77816f; }
input:focus, textarea:focus, select:focus { border-color: #789862; box-shadow: 0 0 0 3px #78986216; }
:focus-visible { outline-color: #526e40; }
.form-error, .danger { color: #a64034; }
.checkbox input { accent-color: #637f4b; }
.home-sessions { border-top: 1px solid var(--line); padding-top: 80px; padding-bottom: 85px; }
.session-copy h1, .session-copy h2 { font-size: clamp(35px, 4.4vw, 55px); }
.session-copy .lead { font-size: 16px; }
.session-specs svg { color: #607a4b; }
.form-panel { box-shadow: 0 8px 35px #24351b05; }
.form-panel h2 { font-size: 31px; }
.soft-note h3 { font-size: 23px; }
.success-icon { color: #486437; background: #e7efdc; }
.support-banner { display: grid; grid-template-columns: 1.2fr 1fr; gap: 60px; padding: 48px; background: #ece8f2; border: 1px solid #80708e1c; border-radius: 18px; margin-bottom: 80px; }
.support-banner h2 { font-size: clamp(30px, 3.2vw, 43px); }
.support-banner > div > p { max-width: 490px; color: #666171; font-size: 14px; }
.donation-card { padding: 28px; background: #ffffffc2; border: 1px solid #80708e20; border-radius: 13px; }
.donation-symbol { display: block; font-size: 32px; color: #776188; margin-bottom: 12px; }
.donation-card h3 { font-size: 23px; }
.donation-card p { font-size: 13px; }
.donation-card .button { width: 100%; }
.donation-card .small { margin: 16px 0 0; font-size: 11px; color: #716b7b; }
.donation-card button:disabled { opacity: 1; background: #f0edf4; color: #6d6576; border-color: #80708e28; }
.course-intro h1 { font-size: clamp(38px, 4.5vw, 57px); }
.course-overview h2 { font-size: 34px; }
.curriculum h3 { font-size: 24px; }
.lesson-sidebar { background: #edf0e7; }
.lesson-sidebar h3 { font-size: 25px; }
.lesson-nav.current { background: #dce8ce; color: #3c572d; }
progress { accent-color: #6d8b51; }
progress::-webkit-progress-bar { background: #25342015; }
progress::-webkit-progress-value { background: #6d8b51; }
.lesson-content h1 { font-size: 40px; }
.prose { color: #4c5647; }
.prose h2 { font-size: 29px; }
.prose blockquote { background: #eeebf4; border-color: #a291b3; }
.prose blockquote p { font: 400 21px/1.75 var(--sans); color: #695a77; }
.legal h1 { font-size: 44px; }
.empty h3 { font-size: 24px; }
dialog { border-color: #25342022; box-shadow: 0 20px 80px #18241530; }
dialog::backdrop { background: #202c1c66; }
.admin-sidebar { background: #f0f2eb; }
.admin-sidebar .brand { font-size: 23px; }
.admin-sidebar .brand small { font-size: 8px; margin-left: 1px; }
.admin-sidebar nav a.current { background: #dde9d1; color: #38582b; }
.admin-sidebar nav .count { background: #cfe0bd; color: #38582b; }
.admin-heading h1 { font-size: 34px; }
.stat-card strong { font: 500 44px var(--sans); }
.panel h2 { font-size: 24px; }
.mini-art { background: #e3dcef; }
.avatar { background: #e8e1ef; color: #725e81; }
.badge { background: #ecefe8; color: #5d6758; }
.badge.published, .badge.completed { background: #e5eedb; color: #4b6536; }
.badge.new { background: #eae3f3; color: #755d8a; }
.badge.scheduled { background: #dcebee; color: #3b656d; }
.badge.contacted { background: #f5ebd8; color: #79602f; }
.studio-note { background: #edf2e6; border-color: #b1c79444; }
.studio-note svg { color: #637f4b; }
.login-page { background: radial-gradient(ellipse at 50% 20%, #e6eddc, transparent 65%); }
.module-heading, .block-toolbar { background: #f1f4ed; }
.block-editor { border-color: #25342025; }
.outline-lesson.selected { background: #edf3e6; }
.add-lesson { color: #4e6d39; }
.media-thumb { background: #e9eee3; }
.media-pick { background: #f4f6f0; }
#toast { background: #e0edce; color: #2f4421; border: 1px solid #b5c99d; }
@media (max-width: 1100px) { .admin-sidebar .brand { font-size: 19px; gap: 7px; }.admin-sidebar .brand small { font-size: 7px; } }
@media (max-width: 760px) {
  html { scroll-padding-top: 85px; }
  .hero { gap: 28px; }
  .hero h1 { font-size: clamp(39px, 9.5vw, 55px); }
  .section-head h2 { font-size: 30px; }
  .course-card h3 { font-size: 27px; }
  .home-sessions { padding-top: 50px; padding-bottom: 50px; }
  .sessions-page h1, .session-copy h2 { font-size: 39px; }
  .form-panel h2 { font-size: 29px; }
  .support-banner { grid-template-columns: 1fr; gap: 20px; padding: 25px; margin-bottom: 50px; }
  .donation-card { padding: 23px; }
  .support-banner h2 { font-size: 33px; }
  .admin-sidebar .brand { font-size: 23px; }
  .stat-card strong { font-size: 34px; }
  .lesson-content h1 { font-size: 34px; }
}