/* My Account — logo palette and status tokens (requires tokens.css). */

:root {
  --order-placed-text-l: #9E4228;
  --order-placed-bg-l: rgba(247, 117, 95, 0.17);
  --order-placed-border-l: rgba(247, 117, 95, 0.38);
  --order-placed-text-d: #F4A088;
  --order-placed-bg-d: rgba(247, 117, 95, 0.24);
  --order-placed-border-d: rgba(247, 117, 95, 0.48);
  --order-placed-accent: rgba(247, 117, 95, 0.95);
  --order-processing-text-l: #8A7200;
  --order-processing-bg-l: rgba(241, 213, 49, 0.17);
  --order-processing-border-l: rgba(241, 213, 49, 0.38);
  --order-processing-text-d: #F5E06A;
  --order-processing-bg-d: rgba(241, 213, 49, 0.24);
  --order-processing-border-d: rgba(241, 213, 49, 0.48);
  --order-processing-accent: rgba(241, 213, 49, 0.95);
  --order-complete-text-l: #00804A;
  --order-complete-bg-l: rgba(0, 247, 142, 0.17);
  --order-complete-border-l: rgba(0, 247, 142, 0.38);
  --order-complete-text-d: #5CFAB8;
  --order-complete-bg-d: rgba(0, 247, 142, 0.22);
  --order-complete-border-d: rgba(0, 247, 142, 0.45);
  --order-complete-accent: rgba(0, 247, 142, 0.95);
  --style-inactive-text-l: #9E3828;
  --style-inactive-bg-l: rgba(247, 112, 101, 0.17);
  --style-inactive-border-l: rgba(247, 112, 101, 0.38);
  --style-inactive-text-d: #F49888;
  --style-inactive-bg-d: rgba(247, 112, 101, 0.24);
  --style-inactive-border-d: rgba(247, 112, 101, 0.48);
  --style-inactive-accent: rgba(247, 112, 101, 0.95);
  --status-neutral-text-l: #57606a;
  --status-neutral-bg-l: rgba(139, 148, 158, 0.14);
  --status-neutral-border-l: rgba(139, 148, 158, 0.32);
  --status-neutral-text-d: #9ca3af;
  --status-neutral-bg-d: rgba(156, 163, 175, 0.18);
  --status-neutral-border-d: rgba(156, 163, 175, 0.38);
  --fill-placed-l: rgba(247, 117, 95, 0.07);
  --fill-processing-l: rgba(241, 213, 49, 0.08);
  --fill-complete-l: rgba(0, 247, 142, 0.07);
  --fill-neutral-l: rgba(139, 148, 158, 0.08);
  --fill-placed-d: rgba(247, 117, 95, 0.12);
  --fill-processing-d: rgba(241, 213, 49, 0.12);
  --fill-complete-d: rgba(0, 247, 142, 0.10);
  --fill-neutral-d: rgba(156, 163, 175, 0.12);
  --order-placed-text: var(--order-placed-text-l);
  --order-placed-bg: var(--order-placed-bg-l);
  --order-placed-border: var(--order-placed-border-l);
  --order-processing-text: var(--order-processing-text-l);
  --order-processing-bg: var(--order-processing-bg-l);
  --order-processing-border: var(--order-processing-border-l);
  --order-complete-text: var(--order-complete-text-l);
  --order-complete-bg: var(--order-complete-bg-l);
  --order-complete-border: var(--order-complete-border-l);
  --style-inactive-text: var(--style-inactive-text-l);
  --style-inactive-bg: var(--style-inactive-bg-l);
  --style-inactive-border: var(--style-inactive-border-l);
  --style-active-text: var(--order-complete-text);
  --style-active-bg: var(--order-complete-bg);
  --style-active-border: var(--order-complete-border);
  --style-active-accent: var(--order-complete-accent);
  --status-neutral-text: var(--status-neutral-text-l);
  --status-neutral-bg: var(--status-neutral-bg-l);
  --status-neutral-border: var(--status-neutral-border-l);
  --fill-placed: var(--fill-placed-l);
  --fill-processing: var(--fill-processing-l);
  --fill-complete: var(--fill-complete-l);
  --fill-neutral: var(--fill-neutral-l);
  --kpi-person-accent: rgba(49, 182, 253, 0.95);
  --kpi-flairtag-accent: rgba(243, 94, 177, 0.95);
  --badge-green-bg: rgba(34, 197, 94, 0.12);
  --badge-green-text: #15803d;
  --badge-orange-bg: rgba(251, 146, 60, 0.15);
  --badge-orange-text: #c2410c;
  --badge-purple-bg: rgba(168, 85, 247, 0.12);
  --badge-purple-text: #7c3aed;
  --badge-blue-bg: rgba(59, 92, 246, 0.12);
  --badge-gray-bg: rgba(148, 163, 184, 0.18);
  --kpi-icon-profiles-bg: rgba(45, 212, 191, 0.14);
  --kpi-icon-profiles-border: rgba(45, 212, 191, 0.22);
  --kpi-icon-profiles-color: #0d9488;
  --kpi-icon-placements-bg: rgba(251, 113, 133, 0.14);
  --kpi-icon-placements-border: rgba(251, 113, 133, 0.22);
  --kpi-icon-placements-color: #e11d48;
  --kpi-icon-orders-bg: rgba(168, 85, 247, 0.14);
  --kpi-icon-orders-border: rgba(168, 85, 247, 0.22);
  --kpi-icon-orders-color: #7c3aed;
  --kpi-icon-revenue-bg: rgba(20, 184, 166, 0.14);
  --kpi-icon-revenue-border: rgba(20, 184, 166, 0.22);
  --kpi-icon-revenue-color: #0d9488;
  --chart-users-line: rgba(59, 92, 246, 0.95);
  --chart-users-fill: rgba(59, 92, 246, 0.12);
  --chart-orders-line: rgba(168, 85, 247, 0.9);
  --chart-orders-fill: rgba(168, 85, 247, 0.18);
  --chart-reqs-line: rgba(251, 146, 60, 0.95);
  --chart-reqs-fill: rgba(251, 146, 60, 0.12);
  --chart-revenue-line: rgba(20, 184, 166, 0.95);
  --chart-revenue-fill: rgba(20, 184, 166, 0.12);
  --chart-other: rgba(148, 163, 184, 0.9);
}

@media (prefers-color-scheme: dark) {
  :root {
    --order-placed-text: var(--order-placed-text-d);
    --order-placed-bg: var(--order-placed-bg-d);
    --order-placed-border: var(--order-placed-border-d);
    --order-processing-text: var(--order-processing-text-d);
    --order-processing-bg: var(--order-processing-bg-d);
    --order-processing-border: var(--order-processing-border-d);
    --order-complete-text: var(--order-complete-text-d);
    --order-complete-bg: var(--order-complete-bg-d);
    --order-complete-border: var(--order-complete-border-d);
    --style-inactive-text: var(--style-inactive-text-d);
    --style-inactive-bg: var(--style-inactive-bg-d);
    --style-inactive-border: var(--style-inactive-border-d);
    --style-active-text: var(--order-complete-text);
    --style-active-bg: var(--order-complete-bg);
    --style-active-border: var(--order-complete-border);
    --status-neutral-text: var(--status-neutral-text-d);
    --status-neutral-bg: var(--status-neutral-bg-d);
    --status-neutral-border: var(--status-neutral-border-d);
    --fill-placed: var(--fill-placed-d);
    --fill-processing: var(--fill-processing-d);
    --fill-complete: var(--fill-complete-d);
    --fill-neutral: var(--fill-neutral-d);
    --badge-green-bg: rgba(34, 197, 94, 0.18);
    --badge-green-text: #4ade80;
    --badge-orange-bg: rgba(251, 146, 60, 0.2);
    --badge-orange-text: #fb923c;
    --badge-purple-bg: rgba(168, 85, 247, 0.2);
    --badge-purple-text: #c084fc;
    --badge-blue-bg: rgba(125, 167, 255, 0.15);
    --badge-gray-bg: rgba(156, 163, 175, 0.18);
    --kpi-icon-profiles-bg: rgba(45, 212, 191, 0.22);
    --kpi-icon-profiles-border: rgba(45, 212, 191, 0.35);
    --kpi-icon-profiles-color: #5eead4;
    --kpi-icon-placements-bg: rgba(251, 113, 133, 0.22);
    --kpi-icon-placements-border: rgba(251, 113, 133, 0.35);
    --kpi-icon-placements-color: #fda4af;
    --kpi-icon-orders-bg: rgba(168, 85, 247, 0.22);
    --kpi-icon-orders-border: rgba(168, 85, 247, 0.35);
    --kpi-icon-orders-color: #c084fc;
    --kpi-icon-revenue-bg: rgba(20, 184, 166, 0.22);
    --kpi-icon-revenue-border: rgba(20, 184, 166, 0.35);
    --kpi-icon-revenue-color: #5eead4;
    --chart-users-line: rgba(125, 167, 255, 0.95);
    --chart-users-fill: rgba(125, 167, 255, 0.15);
    --chart-orders-line: rgba(192, 132, 252, 0.9);
    --chart-orders-fill: rgba(192, 132, 252, 0.22);
    --chart-reqs-line: rgba(251, 191, 36, 0.95);
    --chart-reqs-fill: rgba(251, 191, 36, 0.15);
    --chart-revenue-line: rgba(45, 212, 191, 0.95);
    --chart-revenue-fill: rgba(45, 212, 191, 0.15);
    --chart-other: rgba(156, 163, 175, 0.9);
  }
}