/* skin as-udwujg · mode light */
[data-color-scheme="as-udwujg"], :root {
  --primary-background:#f8f9fb;
  --secondary-background:#edf0f5;
  --primary-text-color:#111827;
  --secondary-text-color:#525b6b;
  --tertiary-text-color:#525b6b;
  --white-text-color:#ffffff;
  --link-color:#0369a1;
  --color-scheme-bg:#0369a1;
  --color-scheme-bg2:#7e22ce;
  --color-scheme-txt:#0369a1;
  --gradient-bg-color:linear-gradient(200deg, #0369a1 0%, #7e22ce 54%, #0369a1 100%);
  --gradient-btn-color:linear-gradient(290deg, #7e22ce 0%, #0369a1 100%);
  --skin-radius:18px;
  --skin-font:"Hiragino Kaku Gothic ProN","Yu Gothic","Noto Sans JP",sans-serif;
  --skin-line-height:1.7;
  --skin-gap:18px;
  --lightest-grey:#ffffff;
  --light-grey:#f1f2f5;
  --medium-grey:#c9ccd3;
  --normal-grey:#5b6270;
  --dark-grey:#14161c;
  --darkest-grey:#0b0d12;
  --white:#ffffff;
}
html,body{background:var(--primary-background)!important;color:var(--primary-text-color)}
#wrapper,#content-wrapper,.content,.main-content,.section,.post-container,.widget{background:transparent}
header#header{background:var(--secondary-background)}
#aside-top,#aside-top-widgets,.aside-top-widgets{background:transparent!important}
#menu-label-outer{background:var(--gradient-bg-color)}
h1,h2,h3,h4,.post-title,.post-title a{color:var(--primary-text-color)}
.nav-list,header#header nav ul{display:flex;flex-wrap:wrap}
.post-body figure,.post-body img{background:transparent}
.post-body figure{margin:18px 0}
body{font-family:var(--skin-font);line-height:var(--skin-line-height)}
h1,h2,h3{letter-spacing:0.18px}
.post-container,.c-widget,.author-profile,.jp-post-author-box{border-radius:var(--skin-radius)}
.btn,.post-meta-label,.label-name{border-radius:calc(var(--skin-radius) * .6)}
.c-widget-title span{border-bottom-color:var(--link-color)}
a{color:var(--link-color)}
.post-title a:hover{color:var(--link-color)}

/* token tema yang tidak ikut di theme.css skin ini */
:root{--header-height:60px;--menu-label-height:54px;--template-width:1100px;--template-padding:34px;--content-width:640px}
#header{height:auto;min-height:var(--header-height)}
#menu-label-outer{min-height:var(--menu-label-height);display:flex;align-items:center;padding:0 var(--template-padding)}
#menu-label ul{display:flex;flex-wrap:wrap;gap:14px;margin:0;padding:0;list-style:none;height:auto}
#FeaturedPost1 img{max-height:360px;width:100%;object-fit:cover;border-radius:var(--skin-radius)}
#PopularPosts1,#FeaturedPost1{min-width:0;overflow-wrap:anywhere}
