/* SkillForge — Highland v2 styles (light, color-blocked, deep-green feature bands). */
:root{
  --cream:#F3F0E4; --paper:#FCFAF2; --sand:#E4EADB; --ink:#1C241E; --mute:#5E6B5F;
  --espresso:#143D2A; --card2:#1C4A33; --dim:#A9C0B0;
  --gold:#B8862B; --gold-lt:#E0B654; --red:#C0392B; --green:#21724A;
}
body{ background:var(--cream); color:var(--ink); }
.sec-cream{ background:var(--cream); color:var(--ink); }
.sec-sand{ background:var(--sand); color:var(--ink); }
.sec-espresso{ background:var(--espresso); color:var(--cream); }
.sec-gold{ background:linear-gradient(160deg,#E6C36B,#D2A23A); color:#3a2c0c; }
.sec-espresso .mute{ color:var(--dim); }
.mute{ color:var(--mute); }
.card{ background:var(--paper); border:1px solid rgba(28,36,30,.09); box-shadow:0 12px 30px -16px rgba(28,36,30,.24); border-radius:1.25rem; }
.card-dark{ background:var(--card2); border:1px solid rgba(224,182,84,.16); box-shadow:0 14px 34px -18px rgba(0,0,0,.5); border-radius:1.25rem; }
.sf-logo{ background:linear-gradient(135deg,var(--gold-lt),var(--red)); }
.btn-primary{ background:linear-gradient(135deg,var(--gold-lt),var(--red)); color:#fff; box-shadow:0 8px 20px -8px rgba(192,57,43,.5); }
.btn-ink{ background:var(--ink); color:var(--cream); }
.btn-ghost{ background:transparent; border:1px solid rgba(28,36,30,.18); color:var(--ink); }
.sec-espresso .btn-ghost{ border-color:rgba(243,240,228,.25); color:var(--cream); }
.grad-text{ background:linear-gradient(120deg,var(--green),var(--red)); -webkit-background-clip:text;background-clip:text;color:transparent; }
.sf-tibeb{ height:14px; background:url("tibeb.svg") repeat-x; background-size:auto 14px; }
.glow{ position:absolute;border-radius:9999px;filter:blur(110px);pointer-events:none;z-index:0; }
.marq{ display:flex;width:max-content;animation:marq 34s linear infinite; }
@keyframes marq{ from{transform:translateX(0)} to{transform:translateX(-50%)} }
.reveal{ opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease; }
.reveal.in{ opacity:1;transform:none; }
.lift{ transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
.lift:hover{ transform:translateY(-4px); box-shadow:0 20px 44px -18px rgba(28,36,30,.32); }
.card-dark.lift:hover{ box-shadow:0 22px 48px -18px rgba(0,0,0,.62); border-color:rgba(224,182,84,.4); }
:focus-visible{ outline:2px solid var(--red); outline-offset:2px; border-radius:6px; }
@media (prefers-reduced-motion:reduce){ .marq{animation:none} .reveal{opacity:1;transform:none;transition:none} *{scroll-behavior:auto!important} }
.hero-art{ position:absolute; inset:0; z-index:0; background:url("hero-services.svg") no-repeat center right; background-size:cover; }
.hero-veil{ position:absolute; inset:0; z-index:1; background:
  linear-gradient(90deg, rgba(243,240,228,.96) 0%, rgba(243,240,228,.88) 42%, rgba(243,240,228,.60) 100%),
  linear-gradient(180deg, rgba(243,240,228,.30), rgba(243,240,228,.55)); }
@media (max-width:1023px){ .hero-veil{ background:linear-gradient(180deg, rgba(243,240,228,.90), rgba(243,240,228,.94)); } }

/* Legacy classes used by inner pages — Highland light */
.sf-glass{ background:rgba(252,250,242,.92); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);
  border:1px solid rgba(28,36,30,.09); box-shadow:0 10px 26px -18px rgba(28,36,30,.26); }
.sf-glass-strong{ background:#FCFAF2; backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
  border:1px solid rgba(28,36,30,.12); box-shadow:0 16px 36px -20px rgba(28,36,30,.30); }
.sf-glow{ position:absolute;border-radius:9999px;filter:blur(110px);pointer-events:none;z-index:0; }
.sf-lift{ transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease; }
.sf-lift:hover{ transform:translateY(-4px); border-color:rgba(184,134,43,.5); box-shadow:0 20px 44px -20px rgba(28,36,30,.34); }