/* Zillion Design Guide 0.2.0 — preview. Pin a reviewed release before adoption. */
:root {
  --radius-control: 10px;
  --canvas: #f7f7f5;
  --surface: #ffffff;
  --surface-raised: #ffffff;
  --module-edge: rgba(30, 35, 35, 0.06);
  --module-shadow: 0 4px 20px rgba(30, 35, 35, 0.025);
  --module-padding: 20px;
  --module-gap: 16px;
  --ink: #222525;
  --muted: #636866;
  --faint: #77796e;
  --accent: #81602d;
  --accent-fill: #dfc99d;
  --accent-ink: #241f17;
  --accent-soft: #e9e0d1;
  --on-image: #ffffff;
  /* Experimental glass; not an accepted brand identity. */
  --control-tint: rgba(215, 193, 147, 0.18);
  --control-clear: rgba(255, 255, 255, 0.18);
  --control-edge: rgba(120, 110, 90, 0.18);
  --control-shadow: rgba(30, 25, 15, 0.03);
  --gold-material: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.045),
    transparent
  );
  --line: #d9d5ca;
  --glass: rgba(252, 250, 246, 0.82);
  --success: #316449;
  --success-bg: #e4efe7;
  --warning: #7b5b21;
  --warning-bg: #f1e8d4;
  --danger: #a03f38;
  --danger-bg: #f5e5e1;
  --info: #3d607b;
  --info-bg: #e5edf2;
  --type-title: 2rem;
  --type-section: 1.5rem;
  --type-reading: 1rem;
  --type-ui: 0.875rem;
  --type-meta: 0.75rem;
  --width-reading: 68ch;
  --width-form: 400px;
  --width-page: 1600px;
  --width-module: 360px;
  --width-dialog: 480px;
  --field-line: #918779;
  --focus-line: #575b55;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --radius-field: 8px;
  --radius-panel: 24px;
  --radius-pill: 999px;
  --duration-feedback: 160ms;
  --duration-enter: 280ms;
  --duration-theme: 700ms;
  --duration-replace: 240ms;
  --duration-navigation: 200ms;
  --duration-font: 360ms;
  --ease-standard: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-exit: cubic-bezier(0.4, 0, 1, 1);
  --type-doc-title: 2.25rem;
  --type-doc-section: 1.5rem;
  --ease-settle: cubic-bezier(0.2, 0.7, 0.2, 1);
  color-scheme: light;
}
:root[data-theme="dark"] {
  --canvas: #141517;
  --surface: #202123;
  --surface-raised: #252628;
  --module-edge: rgba(255, 255, 255, 0.065);
  --module-shadow: none;
  --ink: #f2f2ec;
  --muted: #b3b6b1;
  --faint: #a2998b;
  --accent: #dcb87a;
  --accent-fill: #dfc99d;
  --accent-ink: #131416;
  --accent-soft: #30291f;
  --line: #3a3c3d;
  --glass: rgba(29, 30, 32, 0.86);
  --field-line: #81796c;
  --focus-line: #b5b7b0;
  --control-tint: rgba(236, 222, 194, 0.09);
  --control-clear: rgba(255, 255, 255, 0.035);
  --control-edge: rgba(255, 245, 225, 0.13);
  --control-shadow: rgba(0, 0, 0, 0.08);
  --success: #a3cdb0;
  --success-bg: #293e30;
  --warning: #e3c486;
  --warning-bg: #413925;
  --danger: #ecb0a6;
  --danger-bg: #432c28;
  --info: #b0cce2;
  --info-bg: #2a3945;
  color-scheme: dark;
}