:root{
  --border:#d9d9d9;
  --bg:#ffffff;
  --muted:#666;
  --panel:#fafafa;
  --shadow: 0 10px 30px rgba(0,0,0,.12);

  /* Wonders – by era */
  --color-wonders-ancient:       #C9A227; /* gold / sandstone */
  --color-wonders-classical:     #8A9A5B; /* olive / stone */
  --color-wonders-medieval:      #8B5E3C; /* wood / bronze */
  --color-wonders-renaissance:   #6B8FB4; /* steel blue */
  --color-wonders-industrial:    #5A5A5A; /* iron gray */
  --color-wonders-modern:        #2F6F95; /* modern blue */
  --color-wonders-atomic:        #7B4EA3; /* violet / nuclear */
  --color-wonders-information:   #2BA6A6; /* teal / digital */

  /* Leaders – by civilization */
  --color-leaders-american: #2F6F95;      /* muted patriotic blue */

  /* City-States – by type */
	--color-city_states-scientific: #4C7EDB;  /* blue */
	--color-city_states-trade:   #2BA6A6;  /* teal */
	--color-city_states-militaristic:#B24A3C; /* red (future) */
	--color-city_states-cultural:   #8E6BBE;  /* purple (future) */
	--color-city_states-industrial: #6F6F6F;  /* gray (future) */
}

*{ box-sizing:border-box; }
html,body{ height:100%; margin:0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial; background:var(--bg); }