[data-theme="hfhs"] {
  --ref-color-primary: #B89142;
  --ref-color-primary-fg: #FFFFFF;
  --ref-color-secondary: #1E4A33;
  --ref-color-secondary-fg: #FFFFFF;
  --ref-color-accent: #C9A05A;
  --ref-color-accent-fg: #FFFFFF;
  --ref-color-bg: #F5F1E8;
  --ref-color-fg: #123524;
  --ref-color-surface: #EDE6D4;
  --ref-color-muted-fg: #5A6D5E;
  --ref-color-product-result-bg: #000000;
  --ref-color-info: #2563EB;
  --ref-color-success: #16A34A;
  --ref-color-warning: #F59E0B;
  --ref-color-error: #DC2626;

  --ref-font-sans: Inter;
  --ref-font-mono: Helvetica;

  --ref-radius-sm: 4px;
  --ref-radius-md: 8px;
  --ref-radius-lg: 16px;

  --ref-shadow-sm: 0 2px 6px rgba(5, 20, 97, 0.12);
  --ref-shadow-md: 0 4px 12px rgba(5, 20, 97, 0.12);
  --ref-shadow-lg: 0 8px 24px rgba(5, 20, 97, 0.12);
}