/* Official Viggo Studio visual language, matched to viggostudio.nl */
:root{
  --navy:#18261f;
  --navy2:#293a30;
  --coral:#d8fc77;
  --ink:#18261f;
  --muted:#566359;
  --line:#dce0d7;
  --bg:#e9eee3;
  --paper:#f8f8f3;
  --radius:8px;
  --shadow:0 18px 60px rgba(24,38,31,.13);
}
body{background:var(--bg);color:var(--ink);font-family:Inter,"Helvetica Neue",Arial,system-ui,sans-serif}
.topbar{background:var(--paper);color:var(--ink);border-bottom:1px solid var(--line);box-shadow:none}
.brand{color:var(--ink);gap:10px;letter-spacing:normal}
.brand-mark{width:37px;height:37px;padding-right:3px;display:flex;align-items:center;justify-content:center;background:var(--ink);color:var(--paper);font-size:25px;font-weight:800;line-height:1;border-radius:10px;transform:none;letter-spacing:-.11em}
.brand-dot{color:var(--coral)}
.brand-name{font-size:19px;font-weight:750;letter-spacing:-.075em}
.top-actions .save-state{color:var(--muted)}
.save-state:before{background:var(--coral)}
.btn{border-radius:8px}
.btn-primary{background:var(--ink);color:var(--paper);box-shadow:none}
.btn-primary span{color:var(--coral)}
.editor{background:var(--paper)}
.eyebrow{color:var(--muted)}
.eyebrow:before{content:"";display:inline-block;width:7px;height:7px;background:var(--coral);border-radius:50%;margin-right:8px}
.intro h1{font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-weight:650;letter-spacing:-.055em}
.doc-switch{background:#e9eee3;border-radius:8px}
.doc-tab{border-radius:6px;color:var(--muted)}
.doc-tab.active{background:var(--ink);color:var(--paper);box-shadow:none}
legend span{background:var(--coral);color:var(--ink)}
.text-btn{color:var(--ink);text-decoration:underline;text-decoration-color:var(--coral);text-decoration-thickness:3px;text-underline-offset:4px}
input:focus,textarea:focus,select:focus{border-color:var(--ink);box-shadow:0 0 0 3px rgba(216,252,119,.55)}
.preview-panel{background:#dfe5dc}
.paper{background:var(--paper)}
.paper-brand{letter-spacing:normal}
.paper-brand .brand-mark{width:32px;height:32px;border-radius:8px;font-size:22px}
.paper-brand>.brand-name{display:inline-block;white-space:nowrap;font-size:16px}
.paper-title h2{font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-weight:650;letter-spacing:-.04em}
.accent-line{height:4px;background:linear-gradient(90deg,var(--coral) 0 20%,var(--ink) 20%)}
.sum-box .grand{background:var(--ink);color:var(--paper);border-radius:8px}
.paper-notes{border-left-color:var(--coral)}
.contract-copy{font-family:Inter,"Helvetica Neue",Arial,sans-serif;color:var(--ink)}
.footer-dot{color:#83a62a}