:root{
  /* App surfaces */
  --color-bg: #F7FAF9;
  --color-bg-alt: #E9E4DA;
  --color-bg-dark: #011502;
  --color-bg-dark-alt: #01200F;
  --color-card: #9EC5AB;

  /* Text */
  --color-text-primary: #F7FAF9;
  --color-text-muted: #DCE6E1;
  --color-text-dark: #0E1E1A;
  --color-text-header: #F7FAF9;
  --color-text-subheader: #DCE6E1;
  --color-text-header-dark: #F7FAF9;
  --color-text-subheader-dark: #DCE6E1;

  /* Links */
  --color-link-primary: #E4B34D;
  --color-link-hover-primary: #CF6F2D;
  --color-link-dark: #104F55;
  --color-link-hover-dark: #01200F;

  /* Lines / focus */
  --color-border: #1C3A34;
  --color-border-light: #CFE0DA;
  --color-focus: #7FC8F8;

  /* Inputs */
  --color-input-bg: #01200F;
  --color-input-border: #1C3A34;
  --color-input-text: #F7FAF9;
  --color-input-placeholder: #DCE6E1;

  /* Buttons */
  --button-bg-primary: #E4B34D;
  --button-text-primary: #1A1505;
  --button-hover-primary: #CF6F2D;
  --button-bg-secondary: transparent;
  --button-text-secondary: #F7FAF9;
  --button-hover-secondary: rgba(255,255,255,0.08);
}