:root[data-template="daisy"] {
  --orange-100: #fba549;
  --orange-200: #f9a045;
  --orange-300: #f18726;
  --orange-400: #ef7d2a;
  --gray-100: #f4f4f4;
  --gray-200: #f0f0f0;
  --gray-300: #cacdd1;
  --gray-400: #b9b9b9;
  --gray-500: #a1a1a1;
  --gray-600: #717983;
  --black: #3e3a39;
  --white: #ffffff;
  --red: #ff4c4c;
  --overlay: rgba(0, 0, 0, 0.7);

  --container-max-width: 1440px;
  --color-bg: var(--white);
  --color-page-background: var(--white);
  --color-surface: var(--gray-200);
  --color-surface-alt: var(--gray-100);
  --color-text-primary: var(--black);
  --color-text-secondary: var(--gray-600);
  --color-border: var(--gray-300);
  --color-border-muted: var(--gray-400);
  --color-accent: var(--orange-400);
  --color-accent-hover: var(--orange-300);
  --color-accent-soft: var(--orange-200);
  --color-accent-soft-2: var(--orange-100);
  --color-danger: var(--red);
  --color-text-inverse: var(--white);
  --color-header-bg: var(--white);
  --color-header-text: var(--black);
  --color-header-muted: var(--gray-500);
  --color-header-button-bg: linear-gradient(90deg, var(--orange-100) 0%, var(--orange-400) 69.712%);
  --color-overlay: var(--overlay);
  --color-footer-bg: var(--black);
  --color-footer-text: var(--white);
  --color-footer-muted: var(--gray-500);
  --color-footer-divider: var(--gray-600);
  --color-cta-gradient: linear-gradient(90deg, var(--orange-100) 0%, var(--orange-400) 69.712%);
}