:root{
  /* App surfaces */
  --color-bg: #0E141C;
  --color-bg-alt: #16202B;
  --color-bg-dark: #F4EFE5;
  --color-bg-dark-alt: #ECE5D6;
  --color-card: #16202B;

  /* Text */
  --color-text-primary: #F4EFE5;
  --color-text-muted: #C8BFAE;
  --color-text-dark: #1A2129;
  --color-text-header: #F4EFE5;
  --color-text-subheader: #C8BFAE;
  --color-text-header-dark: #1A2129;
  --color-text-subheader-dark: #5C564C;

  /* Links */
  --color-link-primary: #C9A24F;
  --color-link-hover-primary: #E4C578;
  --color-link-dark: #9A7638;
  --color-link-hover-dark: #0E141C;

  /* Lines / focus */
  --color-border: #2A3542;
  --color-border-light: #D8D0C0;
  --color-focus: #E4C578;

  /* Inputs */
  --color-input-bg: #16202B;
  --color-input-border: #2A3542;
  --color-input-text: #F4EFE5;
  --color-input-placeholder: #C8BFAE;

  /* Buttons */
  --button-bg-primary: #C9A24F;
  --button-text-primary: #1A1505;
  --button-hover-primary: #B07D3A;
  --button-bg-secondary: transparent;
  --button-text-secondary: #F4EFE5;
  --button-hover-secondary: rgba(255,255,255,0.08);
}