/* sivu - design tokens v1.0 */
:root {
  --sivu-violet: #7637EE;
  --sivu-violetHover: #6223D4;
  --sivu-violetLight: #AC86FF;
  --sivu-ink: #141318;
  --sivu-paper: #F8F6F2;
  --sivu-white: #FFFFFF;
  --sivu-muted: #62606C;
  --sivu-line: #DDD8E8;
  --sivu-success: #146B4A;
  --sivu-warning: #8A4B08;
  --sivu-error: #B42332;
  --font-brand: "Manrope", Arial, sans-serif;
  --radius-card:16px;
  --max-content:1200px;
  --space-unit:4px;
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; } }

@font-face { font-family: Manrope; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/Manrope-Regular.woff2") format("woff2"); }
@font-face { font-family: Manrope; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/Manrope-Medium.woff2") format("woff2"); }
@font-face { font-family: Manrope; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/Manrope-SemiBold.woff2") format("woff2"); }
@font-face { font-family: Manrope; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/Manrope-Bold.woff2") format("woff2"); }
@font-face { font-family: Manrope; font-style: normal; font-weight: 800; font-display: swap; src: url("../fonts/Manrope-ExtraBold.woff2") format("woff2"); }

body {font-family:var(--font-brand);color:var(--sivu-ink);background:var(--sivu-paper);font-size:16px;line-height:1.625;}
.sivu-button {min-height:44px;padding:12px 20px;border:0;border-radius:8px;background:var(--sivu-violet);color:white;font:600 16px/1.25 var(--font-brand);cursor:pointer;transition:background 150ms ease;}
.sivu-button:hover {background:var(--sivu-violetHover);}
.sivu-button:focus-visible, input:focus-visible, a:focus-visible {outline:3px solid var(--sivu-ink);outline-offset:3px;}
.sivu-button.secondary {background:transparent;border:1px solid var(--sivu-violet);color:var(--sivu-violet);}
.sivu-button:disabled {background:#DDD8E8;color:#62606C;cursor:not-allowed;}
.sivu-card {padding:24px;border:1px solid var(--sivu-line);border-radius:16px;background:#FFFFFF;}
.sivu-field {display:block;width:100%;box-sizing:border-box;min-height:44px;border:1px solid var(--sivu-muted);border-radius:8px;padding:12px;font:400 16px/1.5 var(--font-brand);}
.sivu-field[aria-invalid="true"] {border:2px solid var(--sivu-error);}
.sivu-error {color:var(--sivu-error);font-size:14px;}