/******************************************************************************/
/* Root + Base                                                                */
/******************************************************************************/

:root { 
  --brand: #059669;               /* Synceroo emerald brand */
  --brand-dark: #047857;          /* hover/active shade */
  --brand-light: #d1fae5;         /* light tint for borders or highlights */
  --brand-verylight: #ecfdf5;     /* hover background */
  --brand-veryverylight: #f9fefb; /* dropdown bg */
  --ink-muted: #6b7280;           /* muted text */
  --border: #dfe3e8;              /* neutral border */
}

* { box-sizing: border-box; }

body {
  font-family: Arial, sans-serif;
  margin: 10px;
  font-size: 14px;
  background: #fff;
}

.hidden { display: none; }

#status {
  font-size: 0.9em;
  margin-top: 10px;
  color: green;
}