:root{
   --header-height:96px;
   --color-primary:#3A4081;
   --color-primary-hover:#2F5DAA;
   --color-primary-light:#6B78B5;
   --color-primary-soft:rgba(58,64,129,.08);
   --color-primary-soft-strong:rgba(58,64,129,.12);
   --color-primary-soft-border:rgba(58,64,129,.16);
   --color-primary-border:rgba(58,64,129,.2);
   --color-primary-border-strong:rgba(58,64,129,.24);
   --color-primary-shadow:rgba(58,64,129,.18);

   /* ── Bold & Editorial 확장 팔레트 (로고 그라디언트 추출) ── */
   --ink:#08080f;
   --ink-2:#0e0e1a;
   --ink-3:#161625;
   --pink:#d94889;
   --pink-light:#e58fb5;
   --purple:#7b3fa0;
   --purple-dark:#593a84;
   --sky:#198dc7;
   --grad-brand:linear-gradient(135deg,#d94889 0%,#7b3fa0 40%,#3A4081 75%,#198dc7 100%);
   --grad-brand-h:linear-gradient(90deg,#d94889 0%,#7b3fa0 50%,#3A4081 100%);
   --grad-text:linear-gradient(100deg,#fff 0%,#e58fb5 35%,#b07fd4 65%,#6B78B5 100%);
   --noise:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");
}

html{scrollbar-gutter:inherit;}
body{overflow-x:hidden;}

.main-layout{min-height:calc(100vh - var(--header-height));padding-top:var(--header-height);}
.sub-layout{min-height:calc(100vh - var(--header-height));padding-top:var(--header-height);}


/*sub common*/