:root {

  --fam-ground: linear-gradient(165deg, #e9f0e6 0%, #eaf0e9 36%, #faf6f0 83%);
  --fam-ground-end: #faf6f0;
  --fam-card: #fffefb;
  --fam-paper: #fdfcf9;
  --fam-soft: #eaf0e9;
  --fam-tint: #dfe8d5;
  --fam-switch-off: #d7ddd5;
  --fam-line: #e6dfd4;
  --fam-edge: #ffffff;
  --fam-ground-field-line: #d9e1d5;

  --fam-green: #5f7263;
  --fam-green-down: #4e5f53;
  --fam-headline: #506957;
  --fam-danger: #a0443b;
  --fam-danger-tint: #f3e8e3;

  --fam-ink: #26241f;
  --fam-body: #403d37;
  --fam-muted: #5f5b54;

  --fam-card-corner: 24px;
  --fam-pill: 999px;
  --fam-switch-corner: 12px;
  --fam-switch-part-corner: 9px;
  --fam-row-corner: 12px;
  --fam-field-corner: 14px;
  --fam-ground-field-corner: 16px;

  --fam-menu-width: 340px;

  --fam-card-shade: 0 6px 16px rgba(71, 86, 75, 0.05);
  --fam-main-shade: 0 5px 12px rgba(71, 86, 75, 0.10);
  --fam-paper-shade: inset 0 1px 1px rgba(255, 255, 255, 0.8), 0 3px 8px -5px rgba(71, 86, 75, 0.22);
  --fam-float-shade: 0 5px 16px rgba(26, 48, 37, 0.17);
  --fam-sheet-shade: 0 18px 18px rgba(71, 86, 75, 0.07);
  --fam-part-shade: 0 1px 3px rgba(71, 86, 75, 0.06);
  --fam-field-shade: inset 0 1px 1px rgba(255, 255, 255, 0.85), inset 0 -1px 2px rgba(119, 142, 124, 0.12), 0 8px 26px -12px rgba(71, 91, 77, 0.22);
  --fam-font: "Inter", "Segoe UI", system-ui, sans-serif;
}