/* Base palette — pulled from the roadside truck asset. Amber is the safety/emergency
   color, not decoration. Only one amber action per screen. */
:root{
  --amber-500:#E8912D;
  --amber-600:#D07F1F;      /* hover */
  --amber-700:#B76E14;      /* press */
  --amber-100:#FAEEDA;      /* badges, step markers, soft fills */
  --amber-200:#F2DCB8;      /* border on amber tints */
  --amber-900:#854F0B;      /* text on amber tints */

  --charcoal-900:#24282C;   /* headings */
  --slate-700:#4A4E52;      /* secondary structure */
  --gray-600:#5F6670;       /* body */
  --gray-500:#8A9299;       /* muted */
  --gray-300:#C7C2B8;
  --border-200:#E6E2DA;
  --cream-50:#FAF8F4;       /* section backgrounds */
  --white:#FFFFFF;

  --green-600:#2E7A52;      /* completed / on the way confirmed */
  --green-100:#E7F1EB;
  --red-600:#A93226;        /* cancelled, errors */
  --red-100:#F8E9E7;
  --blue-600:#2C5670;       /* informational only, never an action */
  --blue-100:#E8EEF2;

  /* Text */
  --text-heading:var(--charcoal-900);
  --text-body:var(--gray-600);
  --text-secondary:var(--slate-700);
  --text-muted:var(--gray-500);
  --text-on-amber:var(--white);
  --text-on-amber-tint:var(--amber-900);
  --text-inverse:var(--white);
  --text-link:var(--amber-900);
  --text-link-hover:var(--amber-700);

  /* Surfaces */
  --surface-page:var(--white);
  --surface-section:var(--cream-50);
  --surface-card:var(--white);
  --surface-card-quiet:var(--cream-50);
  --surface-accent-soft:var(--amber-100);
  --surface-inverse:var(--charcoal-900);
  --surface-scrim:rgba(36,40,44,.55);

  /* Lines */
  --border-hairline:var(--border-200);
  --border-strong:var(--gray-300);
  --border-accent:var(--amber-500);
  --border-on-tint:var(--amber-200);

  /* Actions */
  --action-primary:var(--amber-500);
  --action-primary-hover:var(--amber-600);
  --action-primary-press:var(--amber-700);
  --action-secondary-border:var(--charcoal-900);
  --action-secondary-text:var(--charcoal-900);
  --action-secondary-hover-bg:var(--cream-50);
  --action-disabled-bg:#EFEDE8;
  --action-disabled-text:var(--gray-500);
  --focus-ring:var(--amber-900);

  /* Status */
  --status-emergency-bg:var(--amber-100);
  --status-emergency-text:var(--amber-900);
  --status-success-bg:var(--green-100);
  --status-success-text:var(--green-600);
  --status-error-bg:var(--red-100);
  --status-error-text:var(--red-600);
  --status-neutral-bg:#EEEDE9;
  --status-neutral-text:var(--slate-700);
  --status-info-bg:var(--blue-100);
  --status-info-text:var(--blue-600);
}