/* beepme — generated from shared palette */
/* Usage: <link rel="stylesheet" href="colors-beepme.css"> */

:root {
  /* Brand */
  --brand-primary: #FEBE10;
  --brand-primary-hover: #FF7E00;
  --brand-primary-deep: #B35800;
  --brand-primary-light: #FFDFBF;
  --brand-primary-mid: #FFBF80;

  /* Shared neutrals */
  --color-text: #111827;
  --color-text-secondary: #374151;
  --color-text-muted: #6B7280;
  --color-text-placeholder: #9CA3AF;
  --color-border: #E5E7EB;
  --color-bg-secondary: #F3F4F6;
  --color-bg-hover: #F9FAFB;
  --color-bg: #FAFAFA;
  --color-surface: #FFFFFF;
  --color-success: #16A34A;
  --color-error: #DC2626;
  --color-warning: #F59E0B;
  --color-info: #2563EB;
}

/* Dark theme */
@media (prefers-color-scheme: dark) {
  :root {
    --color-bg: #0F0F13;
    --color-surface: #1A1A24;
    --color-bg-hover: #22222E;
    --color-border: #2A2A35;
    --color-bg-secondary: #2A2A35;
    --color-text: #E8E8ED;
    --color-text-secondary: #D1D5DB;
    --color-text-muted: #9CA3AF;
    --color-text-placeholder: #6B7280;
  }
}

[data-theme="dark"] {
  --color-bg: #0F0F13;
  --color-surface: #1A1A24;
  --color-bg-hover: #22222E;
  --color-border: #2A2A35;
  --color-bg-secondary: #2A2A35;
  --color-text: #E8E8ED;
  --color-text-secondary: #D1D5DB;
  --color-text-muted: #9CA3AF;
  --color-text-placeholder: #6B7280;
}