/* Knap + formularfelt. Farven kommer fra fladen (.on-dark/.on-light),
 * ikke fra knappen — så CTA-beslutningen skiftes ét sted. */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:48px;padding:0 var(--space-8);border:2px solid transparent;border-radius:6px;font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-bold);line-height:1;letter-spacing:.02em;white-space:nowrap;text-decoration:none;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}
.btn--primary{background:var(--cta);color:var(--cta-fg)}
.btn--primary:hover,.btn--primary.is-hover{background:var(--cta-hover)}
.btn--secondary{background:transparent;border-color:var(--cta-text);color:var(--cta-text)}
.btn--secondary:hover,.btn--secondary.is-hover{background:var(--cta-text);color:var(--cta-fg)}
.on-dark .btn--secondary:hover,.on-dark .btn--secondary.is-hover{color:var(--ink-900)}
.btn.is-focus{outline:2px solid var(--ring);outline-offset:var(--focus-offset)}
.btn[disabled],.btn.is-disabled{background:var(--disabled-bg);border-color:transparent;color:var(--disabled-fg);cursor:not-allowed}
.btn--block{width:100%}
.field{display:flex;flex-direction:column;gap:var(--space-2)}
.field__label{font-size:var(--text-sm);font-weight:var(--weight-medium);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted)}
.input{min-height:48px;padding:12px 16px;border:1px solid var(--field-border);border-radius:6px;background:var(--field-bg);color:var(--field-fg);font-family:var(--font-body);font-size:var(--text-base);line-height:1.4;width:100%}
textarea.input{min-height:112px;resize:vertical;border-radius:6px}
.input::placeholder{color:var(--field-placeholder)}
.input.is-focus{border-color:var(--cta-text);outline:2px solid var(--ring);outline-offset:var(--focus-offset)}
.input:focus-visible{border-color:var(--cta-text)}
.input[disabled]{background:var(--disabled-bg);border-color:transparent;color:var(--disabled-fg);cursor:not-allowed}
/* Preview-stillads */
.stage{padding:0}
.panel{padding:var(--space-16) var(--space-6)}
.panel__inner{max-width:var(--content-max);margin:0 auto;display:flex;flex-direction:column;gap:var(--space-12)}
.panel__title{margin:0;font-size:var(--text-sm);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-muted)}
.row{display:grid;grid-template-columns:repeat(auto-fit,minmax(212px,1fr));gap:var(--space-6);align-items:start}
.spec{display:flex;flex-direction:column;gap:var(--space-3);align-items:flex-start}
.spec__label{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-muted)}
.form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6);align-items:end}
.form__wide{grid-column:1/-1}
.note{margin:0;font-size:var(--text-sm);color:var(--fg-muted);max-width:var(--measure)}
.rule{height:1px;background:currentColor;opacity:.15;border:0;margin:0}
@media (max-width:767px){.panel{padding:var(--space-12) var(--space-4)}.row{grid-template-columns:1fr}.form{grid-template-columns:1fr}.btn{width:100%}}