/* Generated from surfaces/design theme tokens. Never edited by hand. */

:root[data-theme="dark"] {
  --actor-agent-fill: #38201A;
  --actor-agent-mark: #E0704A;
  --actor-agent-on-fill: #E0704A;
  --actor-agent-text: #E0704A;
  --actor-human-fill: #221F3D;
  --actor-human-mark: #9B93E8;
  --actor-human-on-fill: #9B93E8;
  --actor-human-text: #9B93E8;
  --engine-gate-fill: #12312A;
  --engine-gate-mark: #2FA98C;
  --engine-gate-on-fill: #2FA98C;
  --engine-gate-text: #2FA98C;
  --ground: #14161A;
  --neutral-fill: #262A31;
  --neutral-mark: #CFCCC4;
  --neutral-on-fill: #CFCCC4;
  --neutral-text: #CFCCC4;
  --raised: #1D2025;
  --state-fail-fill: #3A1F1F;
  --state-fail-mark: #DD7A7A;
  --state-fail-on-fill: #DD7A7A;
  --state-fail-text: #DD7A7A;
  --state-waiting-fill: #362A12;
  --state-waiting-mark: #D9A03F;
  --state-waiting-on-fill: #D9A03F;
  --state-waiting-text: #D9A03F;
}

:root {
  --actor-agent-fill: #FAECE7;
  --actor-agent-mark: #993C1D;
  --actor-agent-on-fill: #993C1D;
  --actor-agent-text: #993C1D;
  --actor-human-fill: #EEEDFE;
  --actor-human-mark: #534AB7;
  --actor-human-on-fill: #534AB7;
  --actor-human-text: #534AB7;
  --elevation-border: 1px solid var(--neutral-mark);
  --engine-gate-fill: #E1F5EE;
  --engine-gate-mark: #146B57;
  --engine-gate-on-fill: #0F6E56;
  --engine-gate-text: #146B57;
  --font-display: 'Space Grotesk', system-ui, sans-serif;
  --font-evidence: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  --font-ui: Inter, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --ground: #F7F6F2;
  --neutral-fill: #EDEBE5;
  --neutral-mark: #565D66;
  --neutral-on-fill: #22262C;
  --neutral-text: #22262C;
  --radius-full: 100px;
  --radius-md: 4px;
  --radius-sm: 2px;
  --raised: #FFFFFF;
  --space-0: 0px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 32px;
  --space-6: 48px;
  --space-7: 64px;
  --state-fail-fill: #FBEAEA;
  --state-fail-mark: #9E3535;
  --state-fail-on-fill: #8A2C2C;
  --state-fail-text: #9E3535;
  --state-waiting-fill: #FAEEDA;
  --state-waiting-mark: #7A5514;
  --state-waiting-on-fill: #5E4110;
  --state-waiting-text: #7A5514;
}

body {
  background-color: var(--ground);
  color: var(--neutral-text);
  font-family: var(--font-ui);
  line-height: 1.5;
  margin: var(--space-0);
}

main {
  max-width: 960px;
  margin: var(--space-0) auto;
  padding: var(--space-6) var(--space-5);
}

h1 {
  font-family: var(--font-display);
  color: var(--neutral-text);
  margin: var(--space-0) var(--space-0) var(--space-4) var(--space-0);
  letter-spacing: -0.02em;
}

h2, h3 {
  font-family: var(--font-display);
  color: var(--neutral-text);
  margin: var(--space-0) var(--space-0) var(--space-3) var(--space-0);
}

p {
  margin: var(--space-0) var(--space-0) var(--space-3) var(--space-0);
}

section {
  background-color: var(--raised);
  border: var(--elevation-border);
  border-radius: var(--radius-md);
  padding: var(--space-4);
  margin-bottom: var(--space-4);
}

section[data-prerequisite] {
  border-left: var(--space-1) solid var(--state-waiting-mark);
}

section[data-kind="decision-record"] {
  border-left: var(--space-1) solid var(--actor-human-mark);
}

section[data-kind="drafted"] {
  border-left: var(--space-1) solid var(--actor-agent-mark);
}

dl {
  display: grid;
  grid-template-columns: 180px 1fr;
  gap: var(--space-2) var(--space-3);
  margin: var(--space-0);
}

dt {
  font-family: var(--font-ui);
  font-weight: 600;
  color: var(--neutral-text);
}

dd {
  margin: var(--space-0);
  color: var(--neutral-text);
}

dd[data-kind="measurement"], dd[data-kind="citation"], code, pre, time, [data-evidence] {
  font-family: var(--font-evidence);
}

button {
  font-family: var(--font-ui);
  font-weight: 600;
  padding: var(--space-2) var(--space-3);
  border-radius: var(--radius-sm);
  border: var(--elevation-border);
  border-color: var(--actor-human-mark);
  background-color: var(--actor-human-fill);
  color: var(--actor-human-text);
  cursor: pointer;
  margin-right: var(--space-2);
}

button[id="gk1-reject"], button[id="gk1-reject-submit"] {
  border-color: var(--state-fail-mark);
  background-color: var(--state-fail-fill);
  color: var(--state-fail-text);
}

button:disabled, button[aria-disabled] {
  border-color: var(--neutral-mark);
  background-color: var(--neutral-fill);
  color: var(--neutral-text);
  cursor: not-allowed;
}

textarea, input, select {
  font-family: var(--font-ui);
  background-color: var(--ground);
  color: var(--neutral-text);
  border: var(--elevation-border);
  border-radius: var(--radius-sm);
  padding: var(--space-2);
  width: 100%;
  box-sizing: border-box;
  margin-bottom: var(--space-2);
}

output[role="status"] {
  display: block;
  font-family: var(--font-evidence);
  padding: var(--space-2) var(--space-3);
  margin-bottom: var(--space-3);
  border-radius: var(--radius-sm);
  background-color: var(--actor-human-fill);
  color: var(--actor-human-text);
  border: var(--elevation-border);
  border-color: var(--actor-human-mark);
}

output[role="status"]:empty {
  display: none;
}

[data-kind="pause-age"] {
  padding: var(--space-2) var(--space-3);
  border-radius: var(--radius-sm);
  background-color: var(--state-waiting-fill);
  color: var(--state-waiting-text);
  border: var(--elevation-border);
  border-color: var(--state-waiting-mark);
}

[data-kind="stale"], [data-kind="refusal"], #ops-field-errors {
  padding: var(--space-3);
  border-radius: var(--radius-sm);
  background-color: var(--state-fail-fill);
  color: var(--state-fail-text);
  border: var(--elevation-border);
  border-color: var(--state-fail-mark);
}