:root {
  --field-bg: #0d0b08;
  --field-amber: #cec2ad;
  --field-amber-em: #e4ddd1;
  --field-amber-accent: #ab8f68;
  --field-amber-dim: #8f826d;
  --field-amber-label: #b0a58f;
  --field-rule: #3a2e18;
  --field-rule-faint: #241c0c;
  --field-red-alert: #b85a2e;
  --field-red-bright: #d67240;
  --field-green-dim: #2a4a2a;
  --field-green-bright: #5a9a5a;
  --field-cyan-dim: #4f6f76;
  --field-cyan-bright: #78a8b4;
  --field-text-body: #c7bda8;
  --field-text-dim: #7a6e58;
  --field-text-muted: #5a4e38;
  --field-glass: rgba(255, 255, 255, 0.022);
  --field-glass-border: rgba(212, 196, 160, 0.1);
  --field-panel: rgba(17, 14, 11, 0.82);
  --field-panel-elevated: rgba(255, 255, 255, 0.028);
  --field-panel-wash: rgba(255, 255, 255, 0.014);
  --field-panel-line: rgba(255, 255, 255, 0.035);
  --field-line-soft: rgba(212, 196, 160, 0.1);
  --field-line-strong: rgba(212, 196, 160, 0.16);
  --field-accent-soft: rgba(171, 143, 104, 0.08);
  --field-accent-line: rgba(171, 143, 104, 0.22);
  --field-accent-fill: rgba(171, 143, 104, 0.14);
  --field-accent-glow: rgba(171, 143, 104, 0.16);
  --field-flow-pressure: rgba(184, 90, 46, 0.55);
  --field-flow-control: rgba(120, 168, 180, 0.45);
  --field-flow-grounding: rgba(90, 154, 90, 0.42);
  --field-radius: 12px;
  --field-chip-radius: 10px;
  --field-safe-top: env(safe-area-inset-top, 0px);
  --field-safe-right: env(safe-area-inset-right, 0px);
  --field-safe-bottom: env(safe-area-inset-bottom, 0px);
  --field-safe-left: env(safe-area-inset-left, 0px);
  --field-scanlines: repeating-linear-gradient(
    0deg,
    transparent,
    transparent 2px,
    rgba(0, 0, 0, 0.08) 2px,
    rgba(0, 0, 0, 0.08) 4px
  );
  --field-noise-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}