/* app/assets/stylesheets/theme.css */

:root {
  --color-bg:             #ebece4;
  --color-bg-nav:         #faf9f7cc;
  --color-bg-hover:       #f0ede8;
  --color-bg-card:        #f1f1f1;
  --color-border:         #e5e1da;
  --color-text:           #0f0e0e;
  --color-text-muted:     #524f4d;
  --color-text-subtle:    #78716c;
  --color-accent:         #f59e0b;
  --color-accent-hover:   #fbbf24;
  --color-accent-text:    #ffffff;
  --color-success-bg:     #f0fdf4;
  --color-success-border: #bbf7d0;
  --color-success-text:   #15803d;
  --color-error-bg:       #fff1f2;
  --color-error-border:   #fecdd3;
  --color-error-text:     #be123c;

  /* Status badge colors */
  --color-badge-draft-bg:        #f5f5f4;
  --color-badge-draft-border:    #e7e5e4;
  --color-badge-draft-text:      #78716c;
  --color-badge-progress-bg:     #fffbeb;
  --color-badge-progress-border: #fde68a;
  --color-badge-progress-text:   #d97706;
  --color-badge-done-bg:         #ecfdf5;
  --color-badge-done-border:     #a7f3d0;
  --color-badge-done-text:       #059669;
  --color-badge-sent-bg:         #eff6ff;
  --color-badge-sent-border:     #bfdbfe;
  --color-badge-sent-text:       #2563eb;
  --color-badge-awaiting-bg:     #fdf4ff;
  --color-badge-awaiting-border: #e9d5ff;
  --color-badge-awaiting-text:   #7c3aed;
  --color-badge-cancelled-bg:    #f5f5f4;
  --color-badge-cancelled-border:#d6d3d1;
  --color-badge-cancelled-text:  #57534e;
}

/* Backgrounds */
.bg-theme-bg          { background-color: var(--color-bg); }
.bg-theme-nav         { background-color: var(--color-bg-nav); }
.bg-theme-hover       { background-color: var(--color-bg-hover); }
.bg-theme-card        { background-color: var(--color-bg-card); }
.bg-theme-accent      { background-color: var(--color-accent); }
.bg-theme-accent-hover{ background-color: var(--color-accent-hover); }
.bg-theme-error       { background-color: var(--color-error-bg); }
.bg-theme-success     { background-color: var(--color-success-bg); }

/* Text */
.text-theme           { color: var(--color-text); }
.text-theme-muted     { color: var(--color-text-muted); }
.text-theme-subtle    { color: var(--color-text-subtle); }
.text-theme-accent    { color: var(--color-accent); }
.text-theme-accent-text { color: var(--color-accent-text); }
.text-theme-error     { color: var(--color-error-text); }
.text-theme-success   { color: var(--color-success-text); }

/* Borders */
.border-theme         { border-color: var(--color-border); }
.border-theme-accent  { border-color: var(--color-accent); }
.border-theme-error   { border-color: var(--color-error-border); }
.border-theme-success { border-color: var(--color-success-border); }

/* Hover states */
.hover\:bg-theme-hover:hover        { background-color: var(--color-bg-hover); }
.hover\:bg-theme-accent-hover:hover { background-color: var(--color-accent-hover); }
.hover\:text-theme:hover            { color: var(--color-text); }
.hover\:text-theme-accent:hover     { color: var(--color-accent); }
.hover\:text-theme-error:hover      { color: var(--color-error-text); }
.hover\:border-theme-accent:hover   { border-color: var(--color-accent); }

/* Status badges */
.badge-draft       { background-color: var(--color-badge-draft-bg);    color: var(--color-badge-draft-text);    border-color: var(--color-badge-draft-border); }
.badge-in-progress { background-color: var(--color-badge-progress-bg); color: var(--color-badge-progress-text); border-color: var(--color-badge-progress-border); }
.badge-completed   { background-color: var(--color-badge-done-bg);     color: var(--color-badge-done-text);     border-color: var(--color-badge-done-border); }
.badge-sent                    { background-color: var(--color-badge-sent-bg);      color: var(--color-badge-sent-text);      border-color: var(--color-badge-sent-border); }
.badge-awaiting-customer-action{ background-color: var(--color-badge-awaiting-bg);  color: var(--color-badge-awaiting-text);  border-color: var(--color-badge-awaiting-border); }
.badge-in-progress-quote       { background-color: var(--color-badge-progress-bg);  color: var(--color-badge-progress-text);  border-color: var(--color-badge-progress-border); }
.badge-completed-quote         { background-color: var(--color-badge-done-bg);      color: var(--color-badge-done-text);      border-color: var(--color-badge-done-border); }
.badge-cancelled               { background-color: var(--color-badge-cancelled-bg); color: var(--color-badge-cancelled-text); border-color: var(--color-badge-cancelled-border); }
.badge-rejected                { background-color: var(--color-error-bg);           color: var(--color-error-text);           border-color: var(--color-error-border); }

/* Focus states */
.focus\:border-theme-accent:focus   { border-color: var(--color-accent); }
.focus\:ring-theme-accent:focus     { --tw-ring-color: var(--color-accent); }