/*
 * Crewed Design Tokens
 * Single source of truth for the brand palette.
 * All HTML pages link this file; change a variable here to update everywhere.
 */
:root {
  /* Core palette */
  --navy:          #0b0f1a;
  --ink:           #131929;
  --teal:          #00c9a7;
  --teal-dim:      #00a589;
  --amber:         #f5a623;
  --cream:         #f5f0e8;
  --muted:         #8892a4;
  --card:          #161d2e;
  --card2:         #1c2540;

  /* Borders */
  --border:        rgba(255,255,255,0.07);
  --border2:       rgba(255,255,255,0.12);
  --border-hover:  rgba(255,255,255,0.14);
  --card-hover:    #1c2540;

  /* Semantic aliases */
  --red:           #ff6b6b;
  --error:         #ff6b6b;
  --success:       #00c9a7;
  --green:         #00c9a7;

  /* Amber component helpers */
  --amber-dim:     rgba(245,166,35,0.12);
  --amber-border:  rgba(245,166,35,0.25);

  /* Employer theming aliases */
  --employer:        #f5a623;
  --employer-dim:    rgba(245,166,35,0.1);
  --employer-border: rgba(245,166,35,0.3);
}