/* Sivali Design System: what tokens.json has no family for. Loaded after tokens.css. */
@import url('../vendor/fonts.css');
:root{
--focus-ring:0 0 0 3px var(--primary-100);
--weight-regular:400;--weight-medium:500;
--h1-size:40px;--h1-line:48px;--h2-size:32px;--h2-line:40px;--h3-size:24px;--h3-line:32px;
--title-size:20px;--title-line:28px;--subtitle-size:18px;--subtitle-line:24px;
--body1-size:16px;--body1-line:24px;--body2-size:14px;--body2-line:22px;--caption-size:12px;--caption-line:18px;
--eyebrow-tracking:0.08em;
--container:1200px;--gutter:24px;
--ease-out:cubic-bezier(.2,.8,.2,1); /* @kind other */
--dur-fast:150ms; /* @kind other */
--dur-base:200ms; /* @kind other */
--dur-slow:320ms; /* @kind other */
--control-h-sm:32px;--control-h-md:40px;--control-h-lg:48px;
}
body{font-family:var(--font-body);font-size:var(--body1-size);line-height:var(--body1-line);color:var(--text-body);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:var(--font-heading);font-weight:var(--weight-medium);color:var(--text-heading);margin:0}
a{color:var(--text-link);text-decoration:none}a:hover{color:var(--action-primary-hover);text-decoration:underline}
/* Modernisation ("peremajaan") theme scope — opt-in via [data-theme="modern"] */
[data-theme="modern"]{
--radius-md:10px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:28px;
--gradient-hero:linear-gradient(135deg,#39399B 0%,#4848BA 55%,#015B6A 100%); /* @kind color */
--glass:rgba(255,255,255,.72);--glass-blur:16px;
--eyebrow-tracking:0.12em;
}