:root{
  /* App surfaces */
  --color-bg: #f5f5f0;
  --color-bg-alt: #e8e8e0;
  --color-bg-dark: #1a2a3a;
  --color-bg-dark-alt: #0f1e2a;
  --color-card: #ffffff;

  /* Text */
  --color-text-primary: #333333;
  --color-text-muted: #666666;
  --color-text-dark: #1a2a3a;
  --color-text-header: #ffffff;
  --color-text-subheader: rgba(255, 255, 255, 0.85);
  --color-text-header-dark: #1a2a3a;
  --color-text-subheader-dark: #666666;

  /* Links */
  --color-link-primary: #cfb07a;
  --color-link-hover-primary: #c9a227;
  --color-link-dark: #2a5a5a;
  --color-link-hover-dark: #1e4a4a;

  /* Lines / focus */
  --color-border: #1a2a3a;
  --color-border-light: #dddddd;
  --color-focus: #c9a227;

  /* Inputs */
  --color-input-bg: #ffffff;
  --color-input-border: rgba(0, 0, 0, 0.25);
  --color-input-text: #333333;
  --color-input-placeholder: #999999;

  /* Buttons */
  --button-bg-primary: #2a5a5a;
  --button-text-primary: #ffffff;
  --button-hover-primary: #1e4a4a;
  --button-bg-secondary: transparent;
  --button-text-secondary: #ffffff;
  --button-hover-secondary: rgba(255, 255, 255, 0.1);

  /* Accent colors */
  --color-gold: #cfb07a;
  --color-gold-dark: #c9a227;
  --color-teal: #2a5a5a;
  --color-teal-hover: #1e4a4a;
  --color-navy: #1a2a3a;
  --color-navy-dark: #0f1e2a;
  --color-navy-deepest: #06162d;
  --color-navy-jurisdiction: #0d1f32;
  --color-header-bg: rgba(13, 31, 50, 0.95);
}