/* Berry OS 2026 Design System — Phase 1 */
:root{
  --berry-ink:#07080B;
  --berry-panel:#0E1014;
  --berry-panel-2:#14171D;
  --berry-cream:#FBF7EF;
  --berry-text:#F7F5F0;
  --berry-muted:#9A9FA9;
  --berry-amber:#FF7A1A;
  --berry-amber-hi:#FFC766;
  --berry-amber-deep:#F05A00;
  --berry-mint:#34D399;
  --berry-crimson:#E5394F;
  --berry-sky:#5AA9FF;
  --berry-line:rgba(255,255,255,.08);
  --berry-line-strong:rgba(255,255,255,.14);
  --berry-glow:0 18px 60px rgba(255,122,26,.12);
  --berry-radius:18px;
  --berry-ease:cubic-bezier(.22,1,.36,1);
}
html[data-theme="light"]{
  --berry-ink:#FBF7EF;
  --berry-panel:#fffdf8;
  --berry-panel-2:#f3eee5;
  --berry-text:#111318;
  --berry-muted:#646a74;
  --berry-line:rgba(17,19,24,.10);
  --berry-line-strong:rgba(17,19,24,.16);
}
body{
  font-variant-numeric:tabular-nums;
}
.berry2026-skip{
  position:fixed;left:12px;top:-80px;z-index:9999;padding:10px 14px;
  background:var(--berry-amber);color:#171008;border-radius:10px;font-weight:800;
  transition:top .2s var(--berry-ease);
}
.berry2026-skip:focus{top:12px}
.berry2026-nav{
  position:relative;
  isolation:isolate;
}
.berry2026-nav::after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  box-shadow:inset 0 1px rgba(255,255,255,.045),0 12px 40px rgba(0,0,0,.20);
}
.berry2026-brand-mark{
  position:relative;display:grid;place-items:center;flex:0 0 auto;
  width:40px;height:40px;border-radius:12px;overflow:hidden;
  background:linear-gradient(145deg,#171a20,#0a0b0e);
  border:1px solid rgba(255,122,26,.28);
  box-shadow:0 8px 28px rgba(255,122,26,.12);
}
.berry2026-brand-mark img{width:100%;height:100%;object-fit:cover}
.berry2026-brand-mark::after{
  content:"";position:absolute;inset:-30%;background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.25),transparent 65%);
  transform:translateX(-70%);animation:berryShine 5s var(--berry-ease) infinite;
}
@keyframes berryShine{55%,100%{transform:translateX(70%)}}
.berry2026-navlinks a{
  position:relative;padding:9px 8px;border-radius:9px;transition:color .18s var(--berry-ease),background .18s var(--berry-ease);
}
.berry2026-navlinks a:hover,.berry2026-navlinks a:focus-visible{
  color:var(--berry-text);background:rgba(255,255,255,.045);outline:none;
}
.berry2026-navlinks a::after{
  content:"";position:absolute;left:8px;right:8px;bottom:4px;height:1px;
  background:var(--berry-amber);transform:scaleX(0);transform-origin:left;
  transition:transform .22s var(--berry-ease);
}
.berry2026-navlinks a:hover::after,.berry2026-navlinks a:focus-visible::after{transform:scaleX(1)}
.berry2026-mobile-toggle{
  display:none;border:1px solid var(--berry-line);background:rgba(255,255,255,.035);
  color:var(--berry-text);width:42px;height:42px;border-radius:12px;cursor:pointer;
}
.berry2026-mobile-panel{
  display:none;margin-top:8px;padding:10px;border:1px solid var(--berry-line);
  background:rgba(14,16,20,.96);backdrop-filter:blur(18px);border-radius:16px;
}
.berry2026-mobile-panel.is-open{display:grid;gap:4px}
.berry2026-mobile-panel a{
  padding:12px;border-radius:10px;color:var(--berry-muted);font-weight:700;
}
.berry2026-mobile-panel a:hover{color:var(--berry-text);background:rgba(255,255,255,.05)}
.berry2026-footer{
  position:relative;margin-top:40px;padding-top:70px;
}
.berry2026-footer::before{
  content:"";position:absolute;left:0;right:0;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,122,26,.45),transparent);
}
.berry2026-footer-wordmark{
  font-size:clamp(52px,11vw,160px);line-height:.8;letter-spacing:-.065em;
  font-weight:900;color:var(--berry-text);opacity:.94;margin:10px 0 55px;
}
.berry2026-footer-wordmark span{color:var(--berry-amber)}
.berry2026-footer a{transition:color .18s var(--berry-ease)}
.berry2026-footer a:hover{color:var(--berry-amber)}
.berry2026-theme-toggle{
  border:1px solid var(--berry-line);background:rgba(255,255,255,.035);color:var(--berry-text);
  border-radius:12px;padding:10px 12px;cursor:pointer;font-weight:800;font-size:12px;
}
.berry2026-theme-toggle:hover{border-color:rgba(255,122,26,.35);box-shadow:var(--berry-glow)}
.berry2026-reduced-motion *{
  animation-duration:.001ms!important;animation-iteration-count:1!important;
  transition-duration:.001ms!important;scroll-behavior:auto!important;
}
@media (max-width:980px){
  .berry2026-navlinks{display:none!important}
  .berry2026-mobile-toggle{display:inline-grid;place-items:center}
  .mk-actions .berry2026-theme-toggle{display:none}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important}
  .berry2026-brand-mark::after{animation:none}
}